@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none) { img[src*='.svg'] { width: 100%; height: 100%; } } section.section{ padding:50px 0; } section.title_section{ text-align: center; padding: 26px 0 22px 0; background-color: #27b8e8; min-height: 104px; } section.title_section h1{ color: #fff; font-size: 44px; line-height: 1.2; } section.title_section p{ color: #fff; } section.banner_section{ width: 100%; display: table; position: relative; } section.banner_section .left-banner,section.banner_section .right-banner{ width: 50%; background-color: #ced4d6; display: table-cell; text-align: center; } section.banner_section .left-banner{ border-right: 3px solid #fff; } section.banner_section .right-banner{ border-left: 3px solid #fff; } section.banner_section .video_box{ position: relative; max-height: 380px; overflow: hidden; } section.banner_section .video_box img{ height: auto; width: auto; display: block; margin: auto; } .video_play{ height: 89px; width: 89px; display: block; position: absolute; top: 50%; left: 50%; background-image: url(../images/play-btn.png); background-repeat: no-repeat; margin-left: -45px; margin-top: -45px; } section.banner_section p{ font-size: 19px; color: #3a3f43; margin: 25px; } a.btn-orange { font-weight: bold; color: #fff; background-color: #fe9a3f; font-size: 20px; margin: 20px 0 25px 0; padding: 12px 12px; border-radius: 10px; text-transform: uppercase; } .btn-orange:hover, .btn-orange:focus, .btn-orange.focus { color: #fff; } section.feature_customers_section h2{ color: #2cacd7; font-size: 44px; text-align: center; } section.feature_customers_section .container { /* padding-right: 40px; */ } section.feature_customers_section .container .row { margin-left: -40px; margin-right: -40px; width: auto; max-width: none; } section.feature_customers_section .container .row .col-sm-4{ padding-left: 40px; padding-right: 40px; } section.feature_customers_section .feature_customers a.feature_customer{ text-align: center; display: block; overflow: hidden; position: relative; margin: 30px 0; height: 245px; border: 1px solid #E1E6E9; } section.feature_customers_section a.feature_customer span.mask { position: absolute; opacity: 0; overflow: visible; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left: 0; right: 0; top: 0; bottom: 0; background-color: #29bbec; } section.feature_customers_section a.feature_customer span.vcenter { position: absolute; display: table; width: 100%; color: white; cursor: pointer; left: 0; top: 0; padding: 0px 10px; right: 0; bottom: 0; text-align: center; margin: auto; opacity: 0; font-size: 22px; font-weight: bold; color: #fff; text-transform: uppercase; } section.feature_customers_section a.feature_customer span.icon { position: absolute; height: 37px; width: 37px; bottom: 6px; right: 6px; background-image: url(../images/view_icon.png); background-position: -37px 0; background-repeat: no-repeat; } section.feature_customers_section a.feature_customer:hover span.mask { opacity: 1; } section.feature_customers_section a.feature_customer:hover span.vcenter { opacity: 1; } section.feature_customers_section a.feature_customer:hover span.icon { background-image: url(../images/view_icon.png); background-position: 0 0; } section.feature_customers_section a.feature_customer img { width: auto; max-width: 100%; max-height: 100%; height: auto; margin: auto; position: absolute; cursor: pointer; left: 0; top: 0; right: 0; bottom: 0; } section.quotes_section { background-color: #5f6a6e; } section.quotes_section .quotes_icon{ background-image: url(../images/quotes_icon.png); width: 83px; height: 83px; margin-bottom: 30px; background-size: 100%; } section.quotes_section p{ font-size: 30px; color: #ffffff; text-align: center; margin: 0px 50px 30px; line-height: 1.3; } section.quotes_section span{ text-align: center; margin: 0 auto; display: block; text-transform: uppercase; color: #fff; font-size: 16px; line-height: normal; margin-bottom: 30px; } section.quotes_section span strong{ letter-spacing: 3px; display: block; font-size: 20px; font-weight: 100; } section.quotes_section .quotes_slider ul li { display:none; } section.quotes_section .flex-control-nav { width: 97%; position: absolute; bottom: -25px; text-align: center; } section.quotes_section .flex-control-paging li a { width: 8px; height: 8px; background: #929da1; } section.quotes_section .flex-control-paging li a.flex-active { background: #20cb70; } section.quotes_section .flex-control-paging li a:hover { background: rgba(32, 203, 112, 0.5); } section.docker_story_section.blue{ /*padding-bottom:80px;*/ } section.docker_story_section.blue{ background-color:#0dabd8; } section.docker_story_section.green{ background-color:#88d835; } section.docker_story_section h2{ text-align: center; color: #fff; font-size: 52px; padding: 0; margin: 0; } section.docker_story_section h2 a{ color: #fff; } section.docker_story_section h2 a:hover, section.docker_story_section h2 a:focus, section.docker_story_section h2 a:active, section.docker_story_section h2 a:visited{ text-decoration: none; } section.docker_story_section h2 i{ padding: 0px 28px; background-image: url(../images/white_arrow.png); background-repeat: no-repeat; background-position: right 10px top 5px; background-size: 50%; } section.banner_section.inside_page{ min-height: 300px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 30px 0; } section.banner_section.inside_page img{ max-width: 30%; width: auto; max-height: 180px; margin: 0 0 1.25rem; } section.banner_section.inside_page p{ width: 50%; margin: 0 0 1.25rem; } section.CTA_section{ /* height: 210px; */ position: relative; } section.CTA_section .container{ padding: 0; } section.CTA_section .CTA_item{ /* height: 210px; */ z-index: 2; /* padding-bottom: 35px; */ } .darkblue{ background-color: #144a68; } .lightgreen{ background-color: #88d835; } .lightblue{ background-color: #2cacd7; } section.CTA_section .CTA_item a{ font-size: 29px; color: #fff; text-align: center; margin: 40px 17%; display: block; text-transform: capitalize; } section.CTA_section>.background{ position: absolute; display: block; width: 100%; height: 100%; top: 0; z-index: 1; display: table; } section.CTA_section>.background>.darkblue, section.CTA_section>.background>.lightgreen, section.CTA_section>.background>.lightblue{ width: 50%; height: 100%; display: table-cell; } .main-footer{ z-index: 9; } section.shopify_section h2{ font-size: 29px; font-weight: bold; color: #2cacd7; } section.shopify_section p,section.shopify_section ul{ color: #243137; } @media (max-width:1199px){ section.feature_customers_section .container .row { margin-left: -20px; margin-right: -20px; } section.feature_customers_section .container .row .col-sm-4 { padding-left: 20px; padding-right: 20px; } section.feature_customers_section .feature_customers a.feature_customer { margin: 20px 0; } } @media (max-width:480px) {.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xxs-12{width:100%}.col-xxs-11{width:91.66666667%}.col-xxs-10{width:83.33333333%}.col-xxs-9{width:75%}.col-xxs-8{width:66.66666667%}.col-xxs-7{width:58.33333333%}.col-xxs-6{width:50%}.col-xxs-5{width:41.66666667%}.col-xxs-4{width:33.33333333%}.col-xxs-3{width:25%}.col-xxs-2{width:16.66666667%}.col-xxs-1{width:8.33333333%}.col-xxs-pull-12{right:100%}.col-xxs-pull-11{right:91.66666667%}.col-xxs-pull-10{right:83.33333333%}.col-xxs-pull-9{right:75%}.col-xxs-pull-8{right:66.66666667%}.col-xxs-pull-7{right:58.33333333%}.col-xxs-pull-6{right:50%}.col-xxs-pull-5{right:41.66666667%}.col-xxs-pull-4{right:33.33333333%}.col-xxs-pull-3{right:25%}.col-xxs-pull-2{right:16.66666667%}.col-xxs-pull-1{right:8.33333333%}.col-xxs-pull-0{right:auto}.col-xxs-push-12{left:100%}.col-xxs-push-11{left:91.66666667%}.col-xxs-push-10{left:83.33333333%}.col-xxs-push-9{left:75%}.col-xxs-push-8{left:66.66666667%}.col-xxs-push-7{left:58.33333333%}.col-xxs-push-6{left:50%}.col-xxs-push-5{left:41.66666667%}.col-xxs-push-4{left:33.33333333%}.col-xxs-push-3{left:25%}.col-xxs-push-2{left:16.66666667%}.col-xxs-push-1{left:8.33333333%}.col-xxs-push-0{left:auto}.col-xxs-offset-12{margin-left:100%}.col-xxs-offset-11{margin-left:91.66666667%}.col-xxs-offset-10{margin-left:83.33333333%}.col-xxs-offset-9{margin-left:75%}.col-xxs-offset-8{margin-left:66.66666667%}.col-xxs-offset-7{margin-left:58.33333333%}.col-xxs-offset-6{margin-left:50%}.col-xxs-offset-5{margin-left:41.66666667%}.col-xxs-offset-4{margin-left:33.33333333%}.col-xxs-offset-3{margin-left:25%}.col-xxs-offset-2{margin-left:16.66666667%}.col-xxs-offset-1{margin-left:8.33333333%}.col-xxs-offset-0{margin-left:0} } .mfp-iframe-scaler button:hover, .mfp-iframe-scaler button:focus, .mfp-iframe-scaler .button:hover, .mfp-iframe-scaler .button:focus { background-color: inherit; } @media (max-width:767px) { section.quotes_section p { margin: 0px 10px 35px; } footer.main-footer {padding: 3rem 0.5rem 2rem 0.5rem;/*footer responsive*/} section.banner_section.inside_page {background-position: right -279px bottom 0px;} .video_play { height: 50px; width: 50px; background-size: cover; margin-left: -26px; margin-top: -26px; } } @media (max-width:480px) { section.banner_section { display: block; } section.banner_section .left-banner, section.banner_section .right-banner { width: 100%; display: block; } section.banner_section .right-banner { border: 0; } section.banner_section .left-banner { border: 0; } } section.content.section { padding: 50px 0 90px 0; } /*========== END Customers ==========*/ /*========== Resources ==========*/ section.nav_section { text-align: center; padding: 26px 0 0 0; background-color: #27b8e8; height: 70px; } section.nav_section ul { padding: 0; list-style: none; margin: 0; } section.nav_section ul li { display: inline-block; margin: 0 5px; } section.nav_section ul li a{ font-size: 0.9375rem; font-weight: 100; color: #fff; padding: 20px; background: #1088b1; border-radius: 5px 5px 0 0; transition: all 0.3s ease; } section.nav_section ul li a:hover{ background: #084053; text-decoration: none; } section.feature_resources_section{ padding: 30px 0 100px 0; } section.feature_resources_section img.thumbnail_border{ border: 1px solid #B8B8B8; } section.feature_resources_section h2{ color: #2cacd7; font-size: 44px; } .resources_left_sidebar ul { padding: 0; list-style: none; margin-top: 10px; } .resources_left_sidebar ul li { margin: 6px 0; } .resources_left_sidebar ul li a{ padding: 6px 10px; font-size: 16px; color: #2cacd7; display: block; } .resources_left_sidebar ul li a.active{ text-decoration: none; background-color: #f1f1f1; color: #2687ae; } .resources_left_sidebar ul li a:hover{ text-decoration: none; color: #2687ae; } .resources_left_sidebar ul li:hover{ text-decoration: none; background-color: #f1f1f1; } .resources_page_banner a { float: right; color: #fff; background-color: #2cacd7; padding: 12px 44px 12px 13px; border-radius: 5px; background-image: url(../images/arrow-btn.png); background-repeat: no-repeat; background-size: 23px; background-position: right 10px top 12px; } .resources_page_banner p span { display: block; max-width: 100%; font-size: 14px; } .resources_page_banner p { color: #243137; } .resources_page_banner { background-color: #f4f9fa; border: 1px solid #d7e9f0; padding: 20px 22px 0px 16px; } .resources_page_banner h3 { margin-bottom: 15px; } .resources_link { margin: 40px 0 0 0; } .resources_link a { font-size: 18px; font-weight: normal; line-height: 23px; display: block; margin-bottom: 10px; color: #243137; } .resources_link span { color: #243137; font-size: 14px; margin-top: 10px; display: block; } a.resources_play { height: 55px; width: 55px; background-image: url(../images/resources-play-btn.png); position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px; z-index: 999; } .resources_video { position: relative; } .resources_right_sidebar { display: block; padding: 15px 20px 20px 5px; background-color: #38b8e8; border-radius: 5px; overflow: hidden; } .resources_right_sidebar a { padding: 15px 10px; display: block; color: #fff; font-size: 16px; } .resources_right_sidebar a img { float: right; margin: 10px -10px 0 0; } @media (max-width:767px) { .resources_link { text-align: center; } .resources_link img { width: 100%; } .resources_right_sidebar { margin-top: 40px; } } @media (max-width:480px) { .resources_page_banner a { clear: both; float: none; margin: 0 auto 7px; display: block; max-width: 215px; } section.feature_resources_section h2 { font-size: 34px; } .resources_link img { width: 90%; margin: 0 auto; } } .page-taxonomy-term-4949 .region-content .item-list, .page-taxonomy-term-4950 .region-content .item-list, .page-taxonomy-term-4951 .region-content .item-list, .page-taxonomy-term-4952 .region-content .item-list, .page-taxonomy-term-4953 .region-content .item-list, .page-taxonomy-term-4954 .region-content .item-list{ display: none; } .resources_left_sidebar ul { margin: 0; margin-top: 10px; } .resources_left_sidebar ul li a{ padding: 6px 0 6px 10px; } @media (min-width: 991px) and (max-width: 1199px) { .resources_left_sidebar ul li a{ font-size: 14px; } } /*========== Resources ==========*/ /*========== Career ==========*/ .career_section h2{ font-size: 30px; color: #555555; text-transform: capitalize; } .career_section .career_video{ margin: 0 50px; margin-bottom: 50px; } .career_section .career_customers{ } .career_section .career_customers ul{ padding: 0; list-style: none; margin: 0; } .career_section .career_customers ul li{ width: 23%; display: inline-table; margin: auto; padding: 0; margin-left: 1%; margin-bottom: 10px; } .career_section .career_customers p{ color: #999999; font-style: italic; text-align: center; margin: 0; } .career-image{ background-image: url(../images/career_image.jpg); background-repeat: no-repeat; background-position: top center; display: block; margin: auto; height: 350px; text-align: center; } .career_section ul{} .career_section ul li{ margin: 20px 0; line-height: 1.4; } .career-mask{ background-image: url(../images/career_mask.png); background-size: contain; background-repeat: no-repeat; background-position: top center; display: block; margin: auto; height: 150px; } section.job_openings_section{ padding: 30px 0 100px 0; } .job_openings_section h2{ font-size: 30px; color: #555555; margin-bottom: 40px; text-align: center; text-transform: capitalize; } .job_openings_section .row{ margin-left: -40px; margin-right: -40px; width: auto; } .job_openings_section .row .col-md-6{ padding-left: 40px; padding-right: 40px; margin-bottom: 40px; } .job_openings_section a{ display: block; border: 1px solid #979797; border-radius: 6px; } .job_openings_section a:hover{ text-decoration: none; border: 1px solid #22b8eb; } .job_openings_section a i{ font-size: 40px; margin: 20px; float: left; color: #999999; } .job_openings_section a i.fa.fa-angle-double-right{ float: right; display:none; margin-left: 0; } .job_openings_section a:hover i.fa.fa-angle-double-right{ display:block; } .job_openings_section a h3{ display: block; font-size: 20px; color: #555555; margin: 20px 0px 0 0; line-height: 28px; padding-right: 48px; } .job_openings_section a:hover h3{ color: #22b8eb; } .job_openings_section a span{ color: #999999; font-size: 14px; margin: 0 0 20px 0; display: block; } @media (max-width:1199px) { } @media (max-width:991px) { .career_section .career_video { margin: 0; margin-bottom: 50px; } .career-mask{ background-image: url(../images/career_mask2.png); } } .jobs_section .breadcrumb { background-color: transparent; margin: 0; padding-left: 0; } .jobs_section .breadcrumb>li { font-size: 14px; } .jobs_section .breadcrumb>li.active { color: #555555; background: transparent; } .jobs_section .breadcrumb>li a { color: #555555; } .jobs_section .breadcrumb>li+li:before { content: "\003e"; } .jobs_section .jobs { margin: 0; list-style: none; padding: 30px 0 100px 0; } .jobs_section .jobs li { margin-bottom: 30px; } .jobs_section .jobs li a { font-size: 20px; color: #22b8eb; text-decoration: underline; } .jobs_section .jobs li span { display: block; font-size: 16px; color: #999999; line-height: 18px; } /*========== Career ==========*/ /*========== Footer ==========*/ body { padding-bottom: 0 !important; } .cta-illustration { background-position: bottom; } .main-footer { position: relative; } .hero::after, .callout::after{ background-position: bottom; height: 17px; } .main-footer::before{ height: 17px; top: -17px; background-position: bottom; } @media (min-width: 2550px){ body.front .cta-illustration { padding: 4.6875rem 0 32.125rem 0; } } @media (min-width: 3300px){ body.front .cta-illustration { padding: 4.6875rem 0 38.125rem 0; } } .row.collapse{ display:block; } /*========== Footer ==========*/ /*========== Pricing ==========*/ section.plans_section { background-color: #F1F7FD; } section.plans_section .plans_tabs { text-align: center; margin-bottom: 50px; } section.plans_section .plans_tabs ul { list-style: none; display: inline-block; padding: 0; margin: 0; } section.plans_section .plans_tabs ul li { float: left; color: #22B8EB; border: 1px solid #22B8EB; background-color: #FFF; } section.plans_section .plans_tabs ul li:first-child { border-radius: 6px 0 0 6px; } section.plans_section .plans_tabs ul li:last-child { border-radius: 0 6px 6px 0; } section.plans_section .plans_tabs ul li +li { border-left: none; } section.plans_section .plans_tabs ul li a{ color: #22B8EB; padding: 10px 50px; display: block; text-decoration:none; } section.plans_section .plans_tabs ul li.current{ background-color: #1080A7; } section.plans_section .plans_tabs ul li.current a{ color: #fff; text-decoration:none; } section.plans_section .row.plans{ margin-left: -20px; margin-right: -20px; text-align: center; } section.plans_section .row.plans .col-md-4{ padding-left: 20px; padding-right: 20px; } section.plans_section .plans .server_plan_box { background-color: #fff; border: 1px solid #C4CDDA; border-radius: 6px; text-align: center; padding: 30px; height: 100%; } section.plans_section .plans .server_plan_box .plan_name { min-height: 110px; padding: 0 10px; line-height: normal; } section.plans_section .plans .server_plan_box h3 { font-size: 27px; color: #147698; } section.plans_section .plans .server_plan_box p { font-size: 14px; color: #070B10; line-height: 20px; margin-bottom: 0; padding-bottom: 1.25rem; } section.plans_section .plans .cloud_plan_box2 p#RepoPricing { min-height: 23px; display: block; } section.plans_section .plans .server_plan_box p span { font-size: 38px; } section.plans_section .cloudplan_boxs div.col-md-4 p span{ font-size: 33px; font-weight: bold; } section.plans_section .plans .server_plan_box p span.dollar, section.plans_section .plans .cloud_plan_box2 p span.dollar { font-size: 27px; position: relative; top: -12px; left: -2px; } section.plans_section .plans .server_plan_box .plan_buttons .orange-btn, section.plans_section .plans .cloud_plan_box2 .plan_buttons .orange-btn { background-color: #fe9a3f; } section.plans_section .plans .server_plan_box .plan_buttons .orange-btn:hover,section.plans_section .plans .server_plan_box .plan_buttons .orange-btn:focus, section.plans_section .plans .cloud_plan_box2 .plan_buttons .orange-btn:hover,section.plans_section .plans .cloud_plan_box2 .plan_buttons .orange-btn:focus { background-color: #F17B00; } section.plans_section .plans .server_plan_box .plan_buttons .button, section.plans_section .plans .plan_buttons .button{ width: 45%; margin: 0 2%; padding: 15px 0; } section.plans_section .plans .server_plan_box .plan_buttons .button.full-width, section.plans_section .plans .cloud_plan_box2 .plan_buttons .button.full-width{ width: 98%; margin: 0; } section.plans_section .plans .server_plan_box ul, section.plans_section .plans .cloud_plan_box2 ul{ list-style: none; padding: 20px 0; margin: 0; margin-top: 20px; } section.plans_section .plans .server_plan_box ul { padding: 20px 10px; } section.plans_section .plans .server_plan_box ul li, section.plans_section .plans .cloud_plan_box2 ul li{ color: #546473; line-height: 20px; margin-bottom: 20px; font-size: 14px; } section.plans_section .cloudplan_boxs .cloud_plan_box2>div{ margin-top: 20px; } section.plans_section .cloudplan_boxs .cloud_plan_box1 div.col-md-4{ margin-top: 30px; } section.plans_section .cloudplan_boxs .cloud_plan_boxs .cloud_plan_box2 ul{ padding:0; padding-top: 20px; } section.plans_section .cloudplan_boxs .cloud_plan_boxs .cloud_plan_box2 ul li{ color: #3E4D54; margin-bottom: 14px; font-size: 16px; } section.plans_section .cloudplan_boxs .plan_buttons{ margin-top: 30px; } section.plans_section .cloudplan_boxs div.col-md-4 p { font-size: 18px; color: #24B6E9; /* #232C37; */ line-height: 16px; margin-bottom: 12px; } section.plans_section .plan_tab_content { display:none; } section.plans_section .plan_tab_content.current { display:block; } section.our_customers_section{ text-align: center; border-bottom: 2px solid #C4CDDA; } section.our_customers_section ul{ list-style: none; margin: 0; padding: 0; display: table; width: 100%; margin-top: 50px; } section.our_customers_section ul li{ display: table-cell; width: 20%; } section.our_customers_section ul li img{ display: block; text-align: center; margin: 0 auto; height: 80px; } section.faqs_section{ text-align: center; padding-bottom:10px; } section.faqs_section:last-of-type{ margin-bottom:0px; } section.faqs_section .faq { text-align: left; padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #C4CDDA; } section.faqs_section .faq .clickme { position: absolute; right: 40px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: #C4CDDA; } section.faqs_section .faq .clickme:before { content: "\f067"; } section.faqs_section .faq.active .clickme:before { content: "\f068"; } section.faqs_section .faq.active .clickme { background-position: -16px 0px; } section.faqs_section .faq h3{ color: #232C37; font-size: 14px; font-weight: bold; margin: 0; margin-right: 50px; } section.faqs_section .faq .faq-title { cursor: pointer; } section.faqs_section .faq .faq-title:hover , section.faqs_section .faq .faq-title:hover h3, section.faqs_section .faq .faq-title:hover .clickme { color: #137597; } section.faqs_section .faq .faq-body { display:none; padding: 20px 40px 0px 0; } section.faqs_section .faq .faq-body p { margin-bottom:0px; } section.plans_section .cloud_plan_boxs{ background-color: #fff; border: 1px solid #C4CDDA; border-radius: 6px; height: 100%; float: none; display: inline-block; padding-left: 30px; padding-right: 30px; } .cloud_plan_box1, .cloud_plan_box2{ width: 100%!important; display: inline-block; margin: 0!important; padding: 40px 0 30px 0; } section.plans_section .cloud_plan_boxs h4 { color: #3E4D54; font-size: 18px; font-weight: bold; margin-bottom: 20px; } section.plans_section .cloud_plan_boxs .cloud_plan_box2 h4 { margin-bottom: 50px; } section.plans_section .cloud_plan_boxs .cloud_plan_box1{ border-bottom: 1px solid #3E4D54; } section.plans_section .cloud_plan_boxs .cloud_plan_box1 ul.info{ list-style: none; padding: 0; margin: 0; margin-bottom: 35px; } section.plans_section .cloud_plan_boxs .cloud_plan_box1 ul.info li{ color: #3E4D54; font-size: 17px; line-height: 24px; margin-bottom: 30px; position: relative; margin-left: 20px; } section.plans_section .cloud_plan_boxs .cloud_plan_box1 ul.info li:before { content: "• "; color: #24B6E9; margin-right: 10px; position: absolute; left: -20px; } section.plans_section .cloud_plan_boxs .cloud_plan_box2{ } .ui-widget { font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; } #RepoSlider.ui-state-disabled { opacity: 1; } .RepoSliderContainer { background-color: #C4CDDA; border-radius: 10px; border-color: #C4CDDA; max-width: 500px; padding-left: 6px; padding-right: 6px; margin-bottom: 85px; } #RepoSlider { background: #fff; } #RepoSlider.ui-slider-horizontal.ui-slider-pips { background-color: #C4CDDA; border-radius: 10px; border-color: #C4CDDA; max-width: 500px; } #RepoSlider .ui-state-active, #RepoSlider.ui-widget-content .ui-state-active, #RepoSlider .ui-state-default, #RepoSlider.ui-widget-content .ui-state-default { border: 0px !important; outline: none !important; background-position: top center; background-size: 95%; background-image: url("../images/sliderhandle-wshadow.png"); background-repeat: no-repeat; background-color: transparent; width: 32px; height: 37px; top: -12px; margin-left: -16px; } #RepoSlider .ui-state-default, #RepoSlider.ui-widget-content .ui-state-default { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } #RepoSlider.ui-slider-horizontal.ui-slider-pips:active, #RepoSlider .ui-state-active, #RepoSlider.ui-widget-content .ui-state-active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } #RepoSlider.ui-slider-pips .ui-slider-pip { top: 24px; color: #7A8491; font-weight: normal; font-size: 10px; } #RepoSlider.ui-slider-pips .ui-slider-pip-selected .ui-slider-line, #RepoSlider.ui-slider-pips .ui-slider-line { height: 7px; width: 2px; margin-left: -1px; background: #7A8491; } #RepoSlider.ui-slider-pips .ui-slider-label { top: 8px; color: inherit; } #RepoSlider.ui-slider-pips [class*=ui-slider-pip-selected] { color: #232C37; font-weight: normal; font-size: 27px; } #RepoSlider.ui-slider-pips .ui-slider-pip-selected .ui-slider-label { color: #232C37; } #RepoSlider.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label { font-weight: normal; } .support-checkboxs .checkbox { overflow: hidden; margin-bottom: 20px; } .support-checkboxs .checkbox label { padding-left: 35px; font-size: 14px; color: #22B8EB; } .support-checkboxs input[type="checkbox"]{ width: 0px; height: 0px; margin: 0px; -webkit-appearance: none; } .support-checkboxs input[type="checkbox"] + i { display: inline-block; width: 25px; height: 25px; left: 0; top: 2px; position: absolute; border: 2px solid #C4CDDA; border-radius: 5px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FFF; font-size: 16px; padding: 2px; } .support-checkboxs input[type="checkbox"]:checked + i:before { content: "\f00c"; } .support-checkboxs input[type="checkbox"]:checked + i { background-color:#22B8EB; } .cloud_plan_box1 .info-text { color: #232C37; margin-top: 145px; font-size: 14px; } .cloud_plan_box1 .info-text a { color:#22B8EB; } .cloud_plan_box1 .has-tip { color: #C4CDDA; margin-left: 5px; border-bottom: none; } .tooltip { opacity: 1; } .path-pricing .title_section.hero_section { padding: 26px 0 22px 0; } .path-pricing .region.region-hero-sub .nav-sub, .region.region-hero-sub .nav-sub .pricing-menu-item , .region.region-hero-sub .nav-sub .removetab-menu-item{ display:none; } .path-enterprise .region.region-hero-sub .nav-sub{ display:none; } @media (max-width: 940px){ section.plans_section .plans .server_plan_box .plan_buttons .button, section.plans_section .plans .plan_buttons .button { width: 46%; margin: 0 1%; } section.plans_section .plans .server_plan_box { padding: 30px 10px; } } @media (max-width: 767px){ section.plans_section .plans .server_plan_box{ margin-bottom: 20px; } section.plans_section .plans .server_plan_box .plan_buttons .button, section.plans_section .plans .plan_buttons .button { width: 42%; margin: 0 2%; } .cloud_plan_box1 .info-text { margin-top: 25px; } } @media (max-width: 600px){ section.our_customers_section ul { display: block; } section.our_customers_section ul li { width: 50%; float: left; display: block; margin-bottom: 21px; } } @media (max-width: 320px){ section.our_customers_section ul li { width: 100%; } } /*========== End Pricing ==========*/ /*========== Product ==========*/ .backproduct_link{ background-image: url(../images/backproduct_icon.png); background-repeat: no-repeat; background-position: left center; color: #05b7ed; padding-left: 20px; } .backproduct_link:focus, .backproduct_link:hover , .backproduct_link:active{ color: #05b7ed; } .region.region-sidebar .heading_product{ background-color: #fff; color: #000; cursor: context-menu; font-weight:bold; } .region.region-sidebar .heading_product a{ color: #000; transition: none; margin: 0; padding: 0; text-decoration: none; cursor: context-menu; } .region.region-sidebar .side-nav li.heading_product a:not(.button):hover,.region.region-sidebar .side-nav li.heading_product a:not(.button):active,.region.region-sidebar .side-nav li.heading_product a:not(.button):focus{ background: rgba(241, 241, 241, 0); padding: 0; color: #000; cursor: context-menu; } .node-type-product .page-content article img { margin-bottom: 20px; max-width: 100%; height: auto !important; } .terminal .terminal-data{ word-wrap: break-word; } .node-type-product .page-content .row .columns .columns + hr { float: left; width: 100%; } .node-type-product .page-content .row .columns hr.noborder { margin: 20px; background-color: rgba(221, 221, 221, 0); } .node-type-product .row.cta_section { overflow: hidden; float: left; width: 100%; } .cta_section .orange_bottom_link{ text-align:center; } @media (max-width: 1150px){ .node-type-product article iframe{ width: 100%; height: 300px; } } @media (min-width: 767px) and (max-width: 1150px){ .node-type-product ul.product-features li iframe{ width: 100%; } .node-type-product .page-content article img { width: 100% !important; } } @media (max-width: 767px){ .node-type-product ul.product-features li { width: 100%; } } @media (max-width: 480px){ .node-type-product ul.product-features li iframe{ width: 100%; } } .cta_section .medium-12 { padding: 0 15px; } .cta_section .medium-6 { width: 50%; float: left; padding: 0 15px; } @media only screen and (max-width: 40.0625em){ .cta_section .medium-6 { width: 100%; float:none; } } .cta_section .medium-6 .button, .cta_section .medium-12 .button { width: 100%; border: 2px solid #22b8eb; } .cta_section .medium-6 .button.white-btn, .cta_section .medium-12 .button.white-btn { width: 100%; background-color: #fff; color: #22b8eb; } .cta_section .medium-6 .button.white-btn:hover, .cta_section .medium-6 .button.white-btn:focus { background-color: rgba(245, 252, 255, 0.59); } /*========== Product ==========*/ /*========== IBM Page ==========*/ section.ibm_description_section { padding-bottom: 0; } section.ibm_description_section .row { margin-left: -15px; margin-right: -15px; width: auto; } section.ibm_description_section .row + .row{ margin-top: 25px; } section.ibm_description_section img{ margin-bottom: 20px; } section.ibm_description_section h2{ font-size: 50px; color: #2cacd7; margin-bottom: 30px; } section.ibm_description_section p{ font-size: 16px; color: #7a8491; margin-bottom: 30px; } section.ibm_description_section .button.full-width{ width: 100%; margin-top: 10px; } section.ibm_description_section p a{ color: #27b7e8; } section.ibm_description_section p a:hover, section.ibm_subscription_section p a:focus{ color: #27b7e8; } section.ibm_description_section ul li{ padding-left: 20px; } section.ibm_description_section ul li + li{ margin-top: 20px; } section.ibm_description_section ul li span{ color:#27b7e8; } section.ibm_subscription_section { padding-top: 0; } section.ibm_subscription_section .row { margin-left: -15px; margin-right: -15px; width: auto; } section.ibm_subscription_section .row + .row{ margin-top: 50px; } section.ibm_subscription_section h2{ font-size: 29px; color: #2cacd7; margin-bottom: 30px; } section.ibm_subscription_section p{ color: #3f5166; } section.ibm_subscription_section ul{ color: #3f5166; } section.ibm_subscription_section ul li{ padding-left: 20px; } section.ibm_subscription_section .button.full-width{ width: 100%; margin-top: 10px; } section.ibm_subscription_section p a{ color: #27b7e8; } section.ibm_subscription_section p a:hover, section.ibm_subscription_section p a:focus{ color: #27b7e8; } .video_iframe{ } .video_iframe iframe{ max-width: 100%; } section.ibm_customers_section{ } section.ibm_customers_section h2{ font-size: 29px; color: #2cacd7; margin-bottom: 30px; } section.ibm_customers_section ul{ list-style: none; margin: 0; padding: 0; display: table; width: 100%; margin-top: 50px; } section.ibm_customers_section ul li{ display: table-cell; width: 25%; } section.ibm_customers_section ul li img{ display: block; text-align: center; margin: 0 auto; height: 90px; } section.ibm_solution_overview_section { padding-top: 10px; } section.ibm_solution_overview_section h2{ font-size: 29px; color: #2cacd7; margin-bottom: 30px; } section.ibm_solution_overview_section .ibm_solutions{ margin-left: -15px; margin-right: -15px; width: auto; } section.ibm_solution_overview_section .ibm_solution .title { text-align: center; background-color: #27b7e8; padding: 20px 38px; } section.ibm_solution_overview_section .ibm_solution .title h3{ color: #fff; } section.ibm_solution_overview_section .ibm_solution .body { background-color: #ebebeb; padding-bottom: 50px; margin-top: 4px; } section.ibm_solution_overview_section .ibm_solution .body h4 { color: #2cacd7; text-align: center; font-size: 25px; border-bottom: 1px solid #fff; margin: 0 32px; padding: 15px 0; } section.ibm_solution_overview_section .ibm_solution .body ul { margin-left: 44px; margin-right: 25px; margin-top: 15px; display: block; } section.ibm_solution_overview_section .ibm_solution .body ul li { color: #7a8491; font-size: 16px; padding-left: 12px; } section.ibm_video_section{ padding-top: 10px; } section.ibm_video_section h2{ font-size: 29px; color: #2cacd7; margin-bottom: 30px; } section.ibm_video_section .ibm_videos{ list-style: none; clear: both; overflow: overlay; padding: 0; margin: 0; margin-bottom: 25px; margin-right: -50px; } section.ibm_video_section .ibm_videos li{ float: left; margin-right: 50px; margin-bottom: 20px; width: 280px; } section.ibm_video_section .ibm_videos li a:hover, section.ibm_video_section .ibm_videos li a:focus{ color: inherit; text-decoration: none; } section.ibm_video_section .ibm_videos li img{ } section.ibm_video_section .ibm_videos li span{ font-size: 16px; color: #7a8491; line-height: 20px; padding: 8px 0; display: block; } .ibm_additional_resources{ margin-left: -15px; margin-right: -15px; width:auto; } .ibm_additional_resources ul{ list-style: none; padding: 0; margin: 0; } .ibm_additional_resources ul li{ font-size: 16px; color: #27b7e8; line-height: 18px; margin-bottom: 18px; } .ibm_additional_resources ul li a{ font-size: 16px; color: #27b7e8; } .ibm_additional_resources ul li a:hover, .ibm_additional_resources ul li a:focus{ color: inherit; text-decoration: none; } section.ibm_faqs_section{ padding-top: 10px; } section.ibm_faqs_section .row { margin-left: -15px; margin-right: -15px; width:auto; } section.ibm_faqs_section h2{ font-size: 29px; color: #2cacd7; margin-bottom: 30px; } section.ibm_faqs_section .faq { text-align: left; margin: 0; border: 1px solid #e5e5e5; margin-bottom: 10px; } section.ibm_faqs_section .faq .clickme { position: absolute; left: 22px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; color: #27b7e8; font-weight: lighter; } section.ibm_faqs_section .faq .clickme:before { content: "\f067"; } section.ibm_faqs_section .faq.active .clickme:before { content: "\f068"; } section.ibm_faqs_section .faq h3{ color: #27b7e8; font-size: 14px; margin: 0; margin-left: 50px; } section.ibm_faqs_section .faq .faq-title { cursor: pointer; background-color: #ebebeb; padding: 20px 0; padding-right: 20px; position: relative; } section.ibm_faqs_section .faq .faq-body { display:none; margin-left: 30px; padding: 20px; } section.ibm_faqs_section .faq .faq-body p { margin-bottom: 10px; font-size: 15px; color: #7a8491; } section.ibm_questions_section { background-color: #0dabd8; text-align: center; } section.ibm_questions_section h2 { font-size: 29px; color: #fff; font-weight: bold; margin-bottom: 15px; } section.ibm_questions_section .button { display: block; max-width: 276px; margin: 18px auto; } section.ibm_questions_section .orange-btn{ background-color: #fe9a3f; } section.ibm_questions_section .orange-btn:focus, section.ibm_questions_section .orange-btn:hover{ background-color: #F17B00; } @media (max-width:991px){ section.ibm_description_section h2 { font-size: 45px; margin: 0; line-height: 48px; } } @media (max-width:767px){ section.ibm_solution_overview_section .ibm_solution{ margin-bottom: 30px; } } @media (max-width: 600px){ section.ibm_customers_section ul { display: block; } section.ibm_customers_section ul li { width: 50%; float: left; display: block; margin-bottom: 21px; } } @media (max-width: 320px){ section.ibm_customers_section ul li { width: 100%; } } /*========== END IBM Page ==========*/ /*========== Events ==========*/ section.title_section.hero_section{ padding-bottom: 0; } .featured_events_section{ padding-bottom: 30px; border-bottom: 1px solid #d8dbdc; } .featured_events_section a,.events_section a{ color: #27b8e8; font-weight:normal; } .featured_events_section h2, .events_region h2{ font-size: 17px; color: #FF992E; text-transform: uppercase; font-weight:bold; } .featured_events_item { margin: 28px 0; margin-right: 40px; } .featured_events_item .featured_events_thumbnail,.events_item .events_thumbnail { padding-right: 20px; padding-top: 6px; } .featured_events_item .featured_events_thumbnail a img ,.events_item .events_thumbnail a img { max-width: 135px; height: auto; border: 1px solid #C1C1C1; } .featured_events_item h3 , .events_item h3{ font-size: 17px; color: #27b8e8; font-weight:bold; margin: 0; } .featured_events_item p ,.events_item p{ font-size: 15px; color: #39576a; margin:0; margin-top: 12px; } .featured_events_item span, .events_item span { font-size: 15px; color: #39576a; font-weight:normal; } .events_section .events_region, .events_region h2 { margin-bottom: 30px; } .events_section .events_item { margin-bottom: 30px; } .event-search{ padding: 0; padding-top: 15px; } .events_section .row .row { margin: 0; } .events_section .events_region .events_region_name { display:block; } .events_section .events_regions.margintop55 { margin-top: 42px; } .events_section .events_regions.margintop55 .events_region { margin-top: -42px; } /*========== Events ==========*/ /*========== Main Page ==========*/ body.front .cta-illustration { margin-top: 0; } .page-node-1 section#docker-solution,.page-node-1 section.why-docker { padding-top: 60px; padding-bottom: 60px; text-align: center; -webkit-font-smoothing: antialiased; } .page-node-1 section#docker-solution h2{ font-size: 44px; } .page-node-1 section.why-docker h2 { font-size: 44px; } #docker-solution h1, #docker-solution h2{ margin-bottom: 25px; } .page-node-1 section.why-docker h1, .page-node-1 section.why-docker h2 { margin-bottom: 25px; } .docker-solution p{ font-size: 20px; } .page-node-1 section.why-docker p { font-size: 20px; } .page-node-1 section#docker-solution.dark-blue { background-color: #134a6a; } .page-node-1 section#docker-solution.dark-blue h2, .page-node-1 section#docker-solution.dark-blue p { color: #dde7f7; } .page-node-1 .why-docker img, .page-node-1 .why-docker h3 { margin-bottom: 15px; } .page-node-1 .why-docker img, .page-node-1 .why-docker h3 { margin-bottom: 15px; } .page-node-1 .why-docker .reason p, .page-node-1 .features .feature p, .page-node-1 .services p { font-size: 16px !important; } .page-node-1 .why-docker .footer .button { margin-top: 50px; } .page-node-1 .docker-solution .feature { text-align: left; margin-bottom: 50px; } .page-node-1 .docker-solution .graphic { text-align: center; margin-bottom: 1.25rem; } .page-node-1 .docker-solution h3 { line-height: 1; margin-top: 0px; margin-bottom: 1.25rem; } .page-node-1 .why-docker .reason p, .page-node-1 .features .feature p, .page-node-1 .services p { font-size: 16px; } .page-node-1 .docker-solution .button+.button { margin-left: 30px; } @media (min-width:1500px){ .page-node-1 .hero.loaded { width: 100%; left: -600px; padding-left: 600px !important; background-position: bottom center !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } } /*========== End Main Page ==========*/ /*========== Main Nav ==========*/ .main-header { padding-bottom: 0; } .main-header div>.nav-main a{ padding-bottom: 12px; } .main-header div>.nav-main>li.octopus-navstyle{ } .main-header div>.nav-main>li.octopus-navstyle>ul{ background-color: #363f44; width: 570px; padding: 30px; border: none; border-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-position: right 30px bottom 30px; background-repeat: no-repeat; left: -50px; background-image: none; } .main-header div>.nav-main>li.octopus-navstyle:hover>ul{ background-image: url(../images/octopus_productpage_icon.gif); } .main-header div>.nav-main>li.octopus-navstyle.new-navstyle>ul{ background-image: none; width: initial; } .main-header div>.nav-main>li.octopus-navstyle.new-navstyle>ul>li{ } .main-header div>.nav-main>li.octopus-navstyle:hover>ul:before { content: ""; position: absolute; left: 80px; top: 0; border: 11px solid transparent; border-top-width: 11px; border-top-color: #fff; border-bottom: 0; } .main-header div>.nav-main>li.octopus-navstyle>ul>li{ width: 215px; display: inline-block; margin: 10px 10px; } .main-header div>.nav-main>li.octopus-navstyle.new-navstyle >ul>li{ width: 155px; margin: 3px 10px; } .main-header div>.nav-main>li.octopus-navstyle ul li:first-child { display: inherit; } .main-header div>.nav-main>li.octopus-navstyle>ul>li:first-child { display: none; } .left-submenu li.heading_product { display: none; } .main-header div>.nav-main>li.octopus-navstyle>ul li.navleft{ float: left; clear: left; width: 235px; } .main-header div>.nav-main>li.octopus-navstyle>ul>li>a{ background: transparent; color: #fff; font-size: 18px; border: none; line-height: 22px; } .main-header div>.nav-main>li.octopus-navstyle.new-navstyle>ul>li>a{ font-size: 16px; } .main-header div>.nav-main>li.octopus-navstyle.new-navstyle>ul>li>a:hover { color: #22b8eb; } .main-header div>.nav-main>li.octopus-navstyle>ul ul{ position: relative; display: block; float: none; border: none; } .main-header div>.nav-main>li.octopus-navstyle>ul ul a{ border: none; background: transparent; font-size: 16px; color: #57b5e5; line-height: 18px; padding: 4px 8px; } /*========== Main Nav ==========*/ /*========== products ==========*/ .widthcol1>li{width: 100%;} .widthcol2>li{width: 50%;} .widthcol3>li{width: 33.33%;} .widthcol4>li{width: 25%;} .widthcol5>li{width: 20%;} .node-type-use-cases section.section, .node-type-use-case section.section { padding: 60px 0 60px 0; } .node-type-use-cases section a,.node-type-use-case section a { color: inherit; line-height: inherit; text-decoration: none; } .node-type-use-cases section a:hover,.node-type-use-cases section a:focus,.node-type-use-case section a:hover,.node-type-use-case section a:focus { color: inherit; } .node-type-use-cases a.button,.node-type-use-case a.button { font-size: 17px; border-radius: 10px; color: #ffffff; margin-left: 20px; margin-right: 20px; padding: 14px 35px; } .node-type-use-cases .button:hover, .node-type-use-cases .button:focus , .node-type-use-case .button:hover, .node-type-use-case .button:focus { color: #ffffff; } .node-type-use-cases .orange-btn, .node-type-use-case .orange-btn{ background-color: #FF992E; color:#fff; } .node-type-use-cases .orange-btn:focus, .node-type-use-cases .orange-btn:hover, .node-type-use-case .orange-btn:focus, .node-type-use-case .orange-btn:hover{ background-color: #f17b00; } .node-type-use-cases .blue-btn, .node-type-use-case .blue-btn{ background-color: #22B8EB; color:#dde7f7; } .node-type-use-cases .blue-btn:focus, .node-type-use-cases .blue-btn:hover, .node-type-use-case .blue-btn:focus, .node-type-use-case .blue-btn:hover{ background-color: #1497C3; } .node-type-use-cases section h1, .node-type-use-case section h1{ font-size: 44px; } .node-type-use-cases section h2, .node-type-use-case section h2{ color: #22B8EB; font-size: 44px; line-height: 50px; margin-bottom: 20px; } .node-type-use-cases section .container p, .node-type-use-case section .container p{ color: #808284; } .node-type-use-cases section .container>p, .node-type-use-case section .container>p{ font-size: 20px; line-height: 29px; margin-bottom: 50px; color: #808284; } /* ============ node-type-government ============ */ .node-type-government section.section { padding: 60px 0 60px 0; } .node-type-government section a { color: inherit; line-height: inherit; text-decoration: none; } .node-type-government section a:hover,.node-type-government section a:focus { color: inherit; } .node-type-government a.button { font-size: 17px; border-radius: 10px; color: #ffffff; margin-left: 20px; margin-right: 20px; padding: 14px 35px; } .node-type-government .button:hover, .node-type-government .button:focus { color: #ffffff; } .node-type-government .orange-btn{ background-color: #FF992E; color:#fff; } .node-type-government .orange-btn:focus, .node-type-government .orange-btn:hover{ /*background-color: #f29c3a;*/ background-color: #f17b00; } .node-type-government .blue-btn{ background-color: #22B8EB; color:#dde7f7; } .node-type-government .blue-btn:focus, .node-type-government .blue-btn:hover{ background-color: #1497C3; } .node-type-government section h1{ font-size: 44px; } .node-type-government section h2{ color: #22B8EB; font-size: 44px; line-height: 50px; margin-bottom: 20px; } .node-type-government section .container p{ color: #808284; } .node-type-government section .container>p{ font-size: 20px; line-height: 29px; margin-bottom: 50px; color: #808284; } /* ============ End node-type-government ============ */ /* ============ node-type-partners ============ */ .node-type-partners section.section { padding: 50px 0 50px 0; } .node-type-partners section a { color: inherit; line-height: inherit; text-decoration: none; } .node-type-partners section a:hover,.node-type-partners section a:focus { color: inherit; } .node-type-partners a.button { font-size: 17px; border-radius: 10px; color: #ffffff; margin-left: 20px; margin-right: 20px; padding: 14px 35px; } .node-type-partners .button:hover, .node-type-partners .button:focus { color: #ffffff; } .node-type-partners .orange-btn{ background-color: #FF992E; color:#fff; } .node-type-partners .orange-btn:focus, .node-type-partners .orange-btn:hover{ /*background-color: #f29c3a;*/ background-color: #f17b00; } .node-type-partners .blue-btn{ background-color: #22B8EB; color:#dde7f7; } .node-type-partners .blue-btn:focus, .node-type-partners .blue-btn:hover{ background-color: #1497C3; } .node-type-partners section h1{ font-size: 44px; } .node-type-partners section h2{ color: #22B8EB; font-size: 44px; line-height: 50px; margin-bottom: 20px; } .node-type-partners section .container p{ color: #808284; } .node-type-partners section .container>p{ font-size: 20px; line-height: 29px; margin-bottom: 50px; color: #808284; } /* ============ End node-type-partners ============ */ /* ============ node-type-partner-programs ============ */ .node-type-partner-programs section.section { padding: 60px 0 60px 0; } .node-type-partner-programs section a { color: inherit; line-height: inherit; text-decoration: none; } .node-type-partner-programs section a:hover,.node-type-partner-programs section a:focus { color: inherit; } .node-type-partner-programs a.button { font-size: 17px; border-radius: 10px; color: #ffffff; margin-left: 20px; margin-right: 20px; padding: 14px 35px; } .node-type-partner-programs .button:hover, .node-type-partner-programs .button:focus { color: #ffffff; } .node-type-partner-programs .orange-btn{ background-color: #FF992E; color:#fff; } .node-type-partner-programs .orange-btn:focus, .node-type-partner-programs .orange-btn:hover{ /*background-color: #f29c3a;*/ background-color: #f17b00; } .node-type-partner-programs .blue-btn{ background-color: #22B8EB; color:#dde7f7; } .node-type-partner-programs .blue-btn:focus, .node-type-partner-programs .blue-btn:hover{ background-color: #1497C3; } .node-type-partner-programs section h1{ font-size: 44px; } .node-type-partner-programs section h2{ color: #22B8EB; font-size: 44px; line-height: 50px; margin-bottom: 20px; } .node-type-partner-programs section .container p{ color: #808284; } .node-type-partner-programs section .container>p{ font-size: 20px; line-height: 29px; margin-bottom: 50px; color: #808284; } /* ============ End node-type-partner-programs ============ */ .node-type-products section.section , .node-type-product section.section{ padding: 60px 0 60px 0; } .node-type-products section a,.node-type-product section a { color: inherit; line-height: inherit; text-decoration: none; } .node-type-products section a:hover,.node-type-products section a:focus ,.node-type-product section a:hover,.node-type-product section a:focus{ color: inherit; } .node-type-products a.button ,.node-type-product a.button{ font-size: 17px; border-radius: 10px; color: #ffffff; margin-left: 20px; margin-right: 20px; padding: 14px 35px; } .node-type-products .button:hover, .node-type-products .button:focus , .node-type-product .button:hover, .node-type-product .button:focus { color: #ffffff; } .node-type-products .orange-btn, .node-type-product .orange-btn{ background-color: #FF992E; color:#fff; } .node-type-products .orange-btn:focus, .node-type-products .orange-btn:hover, .node-type-product .orange-btn:focus, .node-type-product .orange-btn:hover{ background-color: #f29c3a; background-color: #f17b00; } .node-type-products .blue-btn, .node-type-product .blue-btn{ background-color: #22B8EB; color:#dde7f7; } .node-type-products .blue-btn:focus, .node-type-products .blue-btn:hover, .node-type-product .blue-btn:focus, .node-type-product .blue-btn:hover{ background-color: #1497C3; } .node-type-products section h1, .node-type-product section h1{ font-size: 44px; } .node-type-products section h2, .node-type-product section h2{ color: #22B8EB; font-size: 44px; line-height: 50px; margin-bottom: 20px; } .node-type-products section .container p, .node-type-product section .container p { color: #808284; } .node-type-products section .container>p, .node-type-product section .container>p{ font-size: 20px; line-height: 29px; margin-bottom: 50px; color: #808284; } .max-width500{ max-width: 500px; margin: auto; } .max-width600{ max-width: 600px; margin: auto; } .max-width700{ max-width: 700px; margin: auto; } .max-width800{ max-width: 800px; margin: auto; } .max-width900{ max-width: 900px; margin: auto; } .max-width1000{ max-width: 900px; margin: auto; } .textalign-left{ text-align:left; } .textalign-right{ text-align:right; } .terminal-window header .btn { margin: 2px 4px 0 0; } i.icon-apple{ background-image: url(../images/apple_button_icon.svg); background-repeat: no-repeat; background-size: 22px 27px; width: 22px; height: 27px; position: relative; display: inline-block; float: left; margin-right: 25px; margin-left: -10px; margin-top: -2px; } i.icon-win{ background-image: url(../images/win_button_icon.svg); background-repeat: no-repeat; background-size: 26px 30px; width: 26px; height: 30px; position: relative; display: inline-block; float: left; margin-right: 25px; margin-left: -10px; margin-top: -2px; } i.icon-file{ background-image: url(../images/file_button_icon.svg); background-repeat: no-repeat; background-size: 22px 28px; width: 22px; height: 28px; position: relative; display: inline-block; float: right; margin-left: 20px; margin-right: -10px; margin-top: -2px; } div.heronav_section{ height: 70px; background-color: #3e4d54; position:relative; top: 0; width: 100%; } div.heronav_section.affix{ position: fixed; z-index: 9999; } div.heronav_section.affix+section{ margin-top:70px; } div.heronav_section .container{ /* display: table; table-layout: fixed; */ } div.heronav_section ul{ list-style: none; margin: 0; display: table; flex-direction: row; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } div.heronav_section ul li{ display: inline-block; font-size: 17px; color: #fff; text-transform: uppercase; margin: 5px 3px; flex-grow: 1; text-align: center; } div.heronav_section ul li a{ color: #fff; display: block; padding: 12px; padding-left: 30px; padding-right: 30px; text-decoration: none; } div.heronav_section ul li.active{ background-color: #55b6e9; } div.heronav_section ul li:hover{ background-color: #55b6e9; } section.darkblue{ background-color: #243137; margin-bottom: 0px; padding: 50px 0; text-align: center; } section.title_section.darkblue .padding-div{ margin: 0 140px; } section.title_section.darkblue h1{ margin-bottom: 25px; color: #22b8eb; margin-top: 20px; } section.title_section.darkblue p{ color: #fff; font-size: 20px; } section.title_section.darkblue img{ margin-top: 18px; } section.title_section.darkblue .button { margin-top: 30px; } section.title_section.darkblue .button { background-color: transparent; padding: 12px 33px; } section.title_section.darkblue .blue-btn { border: 2px solid #22B8EB; } section.title_section.darkblue .orange-btn { border: 2px solid #F79733; } section.title_section.darkblue .button+.button { margin-left: 30px; } section.title_section.darkblue span.after_button { display:block; margin-bottom: 20px; } section.GenericDev{ text-align: center; } section.GenericDev h2 { } section.GenericDev .container>p { } section.GenericDev p a { color: #24B6E9; cursor: pointer; } section.GenericDev .items{ list-style: none; display: block; padding: 0; margin: 0; overflow: hidden; margin-bottom: 20px; } section.GenericDev .items>li{ margin-bottom: 20px; text-align: center; clear: none !important; padding: 20px 30px 20px; display: block; float: left; } section.GenericDev .items>li h3{ margin-top: 20px; color: #22B8EB; font-size: 24px; margin-bottom: 20px; } section.GenericDev .items>li p{ font-size: 18px; color: #808284; line-height: 24px; } section.GenericDev .items>li a.button{ line-height: 24px; font-size: 17px; margin: 0; border-radius: 0; color: #fff; padding: 10px 30px; } section.GenericDev .items>li ul{ list-style: initial; } section.GenericDev .items>li ul li { line-height: 22px; font-size: 18px; letter-spacing: normal; color: #808284; text-align: left; margin-bottom: 20px; } section.docker_solutions_section { text-align:center; } .solution_box { margin-bottom: 30px; } .solution_box .header_box { padding: 8px; border-top-right-radius: 15px; border-top-left-radius: 15px; background-color: #55b6e9; border: none; height: 100px; margin-bottom: 10px; } .solution_box .header_box img{ display: inline-block; vertical-align: middle; padding-bottom: 25px; } .solution_box .header_box h3 { color: #ffffff; display: inline-block; font-size: 28px; padding: 0 20px; padding-top: 26px; } .solution_box .body_box { background-color: #f1f2f2; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } .solution_box .body_box ul{ list-style: none; padding: 30px 30px; margin:0px } .solution_box .body_box ul li { margin: 0 0 2px 0; display: block; } .solution_box .body_box .media-left { padding-right: 20px; padding-top: 8px; width: 110px; float: left; } .solution_box .body_box ul li img { } .solution_box .body_box ul li h3 { text-align: left; font-size: 28px; color: #55b6e9; line-height: 30px; } .solution_box .body_box ul li h3 small{ font-size: 18px; color: #959798; display: block; margin-top: 5px; line-height: 26px; text-transform: uppercase; } .solution_box .body_box ul li p{ text-align: left; margin-top: 22px; color: #808284; font-size: 17px; } section.docker_solutions_section .button { margin-bottom: 50px; } section.docker_toolbox_section{ text-align:center; background-color: #164c6a; background-color: #134a6a; } section.docker_toolbox_section .container>p { color: #e6e7e8; } section.docker_toolbox_section .products_items{ list-style: none; display: block; padding: 0; margin: 0; overflow: hidden; } section.docker_toolbox_section .products_items li{ margin-bottom: 20px; text-align: center; clear: none !important; padding: 20px 55px 20px; display: block; float: left; } section.docker_toolbox_section .products_items li img{ max-height: 42px; max-width: 80%; } section.docker_toolbox_section .products_items li h3{ margin-top: 16px; color: #55b6e9; font-size: 24px; } section.docker_toolbox_section .products_items li p{ font-size: 20px; color: #e6e7e8; line-height: 24px; } section.software_infrastructure_section{ text-align:center; } section.software_infrastructure_section .products_items{ list-style: none; display: block; padding: 0; margin: 0 -5px; overflow: hidden; margin-bottom: 40px; } section.software_infrastructure_section .products_items li{ margin-bottom: 20px; text-align: center; clear: none !important; padding: 0 5px; display: block; float: left; } section.software_infrastructure_section .products_items li a{ padding: 20px 40px 20px; display: block; width: 100%; background-color: #55b6e9; height: 100%; } section.software_infrastructure_section .products_items li h3{ margin-top: 20px; color: #fff; font-size: 24px; } section.software_infrastructure_section .products_items li p{ font-size: 20px; color: #fff; line-height: 24px; } section.open_standards_section{ text-align: center; background-image: url(../images/open_standards_image.png); background-repeat: no-repeat; background-size: cover; background-color: #444c51; } section.open_standards_section .container>p { color: #ffffff; } section.open_standards_section .products_items{ list-style: none; display: block; padding: 0; margin: 0; overflow: hidden; } section.open_standards_section .products_items li{ margin-bottom: 20px; text-align: center; clear: none !important; padding: 20px 10px 20px; display: block; float: left; } section.open_standards_section .products_items li a.products_items-card{ } section.open_standards_section .products_items li h3{ margin-top: 20px; color: #55b6e9; font-size: 24px; } section.open_standards_section .products_items li p{ font-size: 20px; color: #e6e7e8; line-height: 24px; } section.bottom_cta_section { text-align:center; padding: 100px 0; } section.bottom_cta_section.blue { background-color: #55b6e9; } section.bottom_cta_section.gary { background-color: #3E4D54; } section.bottom_cta_section.blue h3 { color: #fff; font-size: 44px; margin-bottom: 25px; } @media (max-width:1199px){ div.heronav_section ul li { font-size: 17px; margin: 5px 0px; } div.heronav_section ul li a { padding-left: 15px; padding-right: 15px; } .solution_box .body_box ul { padding: 30px 20px; } .solution_box .body_box .media-left { padding-right: 15px; width: 100px; } section.docker_toolbox_section .products_items li { padding: 20px 30px 20px; } section.software_infrastructure_section .products_items li a { padding: 20px 20px 20px; } } @media (max-width:991px){ .widthcol3>li { width: 50%; } .widthcol4>li { width: 50%; } .widthcol5>li { width: 33.33%; } section.title_section.darkblue .padding-div{ margin: 0 50px; } div.heronav_section { height: 60px; } div.heronav_section ul li { font-size: 13px; margin: 5px 0px; } div.heronav_section ul li a { padding-left: 12px; padding-right: 12px; } div.heronav_section.affix+section{ margin-top:60px; } .solution_box .body_box .media-left { float: none; display: inline-block; text-align: center; } .solution_box .body_box ul li h3 { text-align: center; } .solution_box .body_box ul li h3 small { font-size: 22px; line-height: 22px; } .solution_box .body_box ul li p { text-align: center; } } @media (max-width:940px){ .main-header { padding-bottom: 12px; } } @media (max-width:767px){ .widthcol5>li { width: 50%; } section.title_section.darkblue .padding-div { margin: 0 15px; } section.title_section.darkblue .button+.button { margin-left: 0px; } section.title_section.darkblue img{ float:left; } div.heronav_section { height: 100%; } div.heronav_section.affix{ height: inherit; } div.heronav_section .container{ overflow-y: hidden; display: block; visibility: visible; white-space: nowrap; padding: 0px; } div.heronav_section ul{ display: inline-block; clear: none; float: none; overflow: hidden; } div.heronav_section ul li { float: none; display: inline-block; } .solution_box .body_box ul li { height: auto!important; margin-bottom: 20px; } } @media (max-width:680px){ .node-type-use-cases .button, .node-type-use-case .button { margin-left: 15px; margin-right: 15px; } .node-type-products .button, .node-type-product .button { margin-left: 15px; margin-right: 15px; } } @media (max-width:600px){ .widthcol2>li { width: 100%; height: auto!important; } .widthcol3>li { width: 100%; height: auto!important; } .widthcol4>li { width: 100%; height: auto!important; } } @media (max-width:480px){ .widthcol5>li { width: 100%; } } /*========== End products ==========*/ /*========== product Sub Pages ==========*/ section.product_overview_product_section.section { background-color: #E3E4E6; padding-bottom:0; } section.product_overview_product_section .container>p{ margin-bottom: 20px; } section.product_overview_product_section .container>p:last-of-type{ margin-bottom: 80px; } section.product_overview_product_section .img_container{ margin: 60px 0; } section.product_overview_product_section .tab_container{ background-repeat: no-repeat; background-size: contain; background-position: center bottom; background-color: #E3E4E6; padding-top: 60px; padding-bottom: 0; max-width: 595px; margin: auto; margin-top: 60px; } section.product_overview_product_section .tab_container.tab1{ background-image: url(../images/resources_tab.png); } section.product_overview_product_section .tab_container.tab2{ background-image: url(../images/resources_tab2.png); } section.product_overview_product_section .tab_container.tab3{ background-image: url(../images/resources_tab3.png); max-width: 780px; } section.product_overview_product_section .tab_container.tab4{ background-image: url(../images/resources_tab4.png); max-width: 920px; padding: 70px; padding-top: 93px; padding-bottom: 0; } section.product_overview_product_section .tab_container.lcd2{ background-image: url(../images/resources_tab7.png); max-width: 790px; padding-bottom: 108px; } section.product_overview_product_section .video_container { position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; } section.product_overview_product_section .video_container.lab1,section.product_overview_product_section .video_container.lab2 { margin: 30px 0 60px 0; background-image: url(../images/products_demo_laptop.png); } section.product_overview_product_section .video_container.lab1 .terminal-window { margin: auto; height: 410px; width: 656px; padding: 23px 48px 58px 49px; } section.product_overview_product_section .video_container.lab1 .terminal-window .terminal { height: 97%; width: 100%; min-height: Inherit; } section.product_overview_product_section .video_container.lab2 .terminal-window { margin: auto; height: 310px; width: 656px; padding: 20px 48px 18px 49px; max-width: 95%; } section.product_overview_product_section .video_container.lab2 .terminal-window .terminal { height: 84%; width: 100%; min-height: Inherit; } section.product_overview_product_section .video_container.lcd1 { margin: 0px 0 80px 0; background-image: url(../images/resources_lap6.png); } section.product_overview_product_section .video_container.lcd1 img { overflow: hidden; margin: auto; padding: 43px 25px 172px 25px; height: auto; width: auto; max-height: inherit; } section.product_overview_product_section .video_container a.play_btn { position: absolute; content: 'play'; display: block; width: 222px; height: 140px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: cover; top: 39%; left: 50%; margin-top: -70px; margin-left: -111px; } section.toolbox_overview_section { } section.toolbox_overview_section .container>p { margin-bottom: 10px; } section.toolbox_overview_section .items>li ul { list-style: none; text-align: center; margin-bottom: 40px; } section.toolbox_overview_section .items>li ul li{ text-align: center; margin-bottom: 5px; } section.toolbox_overview_section .items>li a.button{ padding: 14px 35px; margin-left: 20px; margin-right: 20px; border-radius: 10px; } section.use_product_section { background-color:#114A6A; } section.use_product_section .container>p { color:#fff; margin-bottom: 30px; } section.use_product_section .items>li{ padding: 0px 30px; } section.use_product_section .items>li h3{ margin-bottom: 10px; } section.use_product_section .items>li p{ color:#fff; } section.use_product_section .items>li .terminal-window{ margin: 42px; margin-bottom: 0; } section.rest_apis_product_section.section { background-color: #243138; position: relative; } section.rest_apis_product_section .container>p { color: #fff; margin-bottom: 0; } section.rest_apis_product_section .items{ margin-bottom:0; } section.rest_apis_product_section .items li{ margin-bottom:0; } section.rest_apis_product_section .items li h3{ font-size: 28px; } section.rest_apis_product_section .items li p{ color: #fff; font-size: 20px; } section.rest_apis_product_section .items li .video_container { position: relative; margin: 30px 0 0 0; background-image: url(../images/products_demo_laptop.png); background-repeat: no-repeat; background-size: contain; background-position: center; } section.rest_apis_product_section .items li .video_container .terminal-window{ margin: auto; max-width: 812px; height: 486px; padding: 28px 78px 54px 78px; } section.rest_apis_product_section .items li .video_container .terminal-window .terminal{ height: 94%; } section.rest_apis_product_section .items li .video_container img { overflow: hidden; margin: auto; padding: 28px 80px 45px 78px; height: auto; width: auto; max-height: inherit; } section.rest_apis_product_section .items li .video_container a.play_btn { position: absolute; content: 'play'; display: block; width: 222px; height: 140px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -70px; margin-left: -111px; } section.rest_apis_product_section .flex-control-nav.flex-control-paging { bottom: -30px; height: 35px; display: block; position:relative; } section.rest_apis_product_section .flex-control-nav.flex-control-paging li a { background: #D1D3D4; } section.rest_apis_product_section .flex-control-nav.flex-control-paging li a:hover { background: #D1D3D4; } section.rest_apis_product_section .flex-control-nav.flex-control-paging li a.flex-active { background: #24B6E9; } section.create_hosts_product_section.section { background-color:#114A6A; } section.create_hosts_product_section .container>p { color: #fff; } section.create_hosts_product_section .items>li .terminal-window{ margin:auto; } section.product_features_product_section { } section.product_features_product_section .items hr{ float: left; width: 100%; margin: 18px 0; } section.product_features_product_section .items li{ margin-bottom: 20px; /*position: relative;*/ } section.product_features_product_section .items li h3{ text-align: left; font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 0; } section.product_features_product_section .items li p{ text-align: left; } section.product_features_product_section .items li a.button { margin: auto; margin-top: 18px; border-radius: 10px; display: table; max-width: 100%; min-width: 300px; } section.product_features_product_section .items li .mhe { /* position: relative; margin: auto; bottom: 22px; width: 86%; */ margin: 10px 0 0 0; display: block; width: 100%; } section.product_features_product_section .items li .video_container { position: relative; margin: 30px 0 0 0; } section.product_features_product_section .items li .video_container img { overflow: hidden; max-height: 100%; margin: auto; display: block; } section.product_features_product_section .items li .video_container a.play_btn { position: absolute; content: 'play'; display: block; width: 164px; height: 104px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -52px; margin-left: -82px; } section.product_steps_product_section.section { background-color: #114A6A; } section.product_steps_product_section .container p { color: #fff; } section.product_steps_product_section .items li i { font-size: 79px; font-style: normal; color: #24B6E9; border: 5px solid #24B6E9; border-radius: 100px; padding: 0 25px; } section.product_steps_product_section .items li p{ color: #fff; } section.product_steps_product_section .items li .video_container { position: relative; margin: 50px 0 0 0; background-image: url(../images/products_laptop.png); background-repeat: no-repeat; background-size: contain; background-position: center; } section.product_steps_product_section .items li .video_container img { overflow: hidden; margin: auto; padding: 15px 50px 25px 50px; height: auto; width: auto; max-height: inherit; } section.product_steps_product_section .items li .video_container a.play_btn { position: absolute; content: 'play'; display: block; width: 222px; height: 140px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -70px; margin-left: -111px; } section.product_steps_product_section .items.oneli li .video_container img { padding: 15px 75px 25px 75px; } section.product_steps_product_section .items.oneli li .video_container img { padding: 15px 75px 25px 75px; } section.product_steps_product_section .items li .terminal-window{ margin: 42px; margin-bottom: 0; } section.product_steps_product_section .items li .terminal-window .terminal-data{ line-height: 24px; display: inherit; } section.signup_product_section.section { background-color: #E3E4E6; } section.resources_product_section.section { background-color: #24B6E9; } section.resources_product_section h2 { color: #fff; } section.resources_product_section .container>p { color: #fff; } section.resources_product_section .resources_files, section.resources_product_section .resources_videos { color: #fff; } section.resources_product_section .resources_files ul, section.resources_product_section .resources_videos ul { margin: auto; list-style: none; width: 80%; } section.resources_product_section .resources_files ul li, section.resources_product_section .resources_videos ul li{ height:100% !important; } section.resources_product_section .resources_files li a, section.resources_product_section .resources_videos li a{ background-color: #fff; width: 100%; height: 100%; display: block; position: relative; } section.resources_product_section .resources_files li a img, section.resources_product_section .resources_videos li a img{ margin: 30px 10px; } section.resources_product_section .resources_files li a div.text-can, section.resources_product_section .resources_videos li a div.text-can{ display: block; background-color: #134A6A; padding: 18px 8px; bottom: 0; width: 100%; } section.resources_product_section .resources_files li a .category , section.resources_product_section .resources_videos li a .category{ display: block; color: #fff; font-size: 17px; line-height: 20px; } section.resources_product_section .resources_files li a .name, section.resources_product_section .resources_videos li a .name{ color: #22B8EB; display: block; font-size: 18px; line-height: 20px; margin-top: 8px; } section.pricing_product_section.section { background-color: #F1F7FD; } section.pricing_product_section .plan_box { margin-bottom: 30px; } section.pricing_product_section .plan_box .header h3{ color: #fff; padding: 25px 10px 60px 10px; background-image: url(../images/pricing_product_header_image.png); background-repeat: no-repeat; background-size: contain; background-position: bottom; margin-bottom: 20px; } section.pricing_product_section .plan_box1, section.pricing_product_section .plan_box2, section.pricing_product_section .plan_box3 { background-color: #fff; height: 100%; } section.pricing_product_section .plan_box1 .header h3{ background-color: #24B6E9; } section.pricing_product_section .plan_box2 .header h3{ background-color: #114A6A; } section.pricing_product_section .plan_box3 .header h3{ background-color: #3E4D54; } section.pricing_product_section .plan_box .header p{ font-size: 18px; color: #3E4D54; } section.pricing_product_section .plan_box .header span{ color: #24B6E9; font-size: 18px; } section.pricing_product_section .plan_box .header span i{ font-size: 33px; color: #24B6E9; font-style: normal; margin-right: 15px; display: inline-block; } section.pricing_product_section .plan_box .body{ padding-bottom: 30px; overflow: hidden; } section.pricing_product_section .plan_box .body .plan_buttons{ margin: 20px; } section.pricing_product_section .plan_box .body .plan_buttons a.button{ width: 45%; margin: 0 2%; padding: 12px 0; font-size: 17px; } section.pricing_product_section .plan_box .body .plan_buttons a.button.full-width{ width: 98%; margin: 0 ; } section.pricing_product_section .plan_box .body ul{ list-style: none; margin: 45px 20px; margin-bottom:10px; text-align: left; } section.pricing_product_section .plan_box .body ul li:before{ content: ""; background-image: url(../images/pricing_product_li_bullet.svg); background-repeat: no-repeat; position: absolute; width: 17px; height: 12px; top: 50%; margin-top: -6px; margin-left: -30px; } section.pricing_product_section .plan_box .body ul li{ border-top: 1px solid #CFD0D4; padding: 12px 0px 12px 35px; position: relative; line-height: 20px; color: #3E4D54; } section.pricing_product_section .plan_box .body ul li strong{ color: #24B6E9; font-weight: 100; } section.cta_product_section.section h2{ margin-bottom: 50px; } section.cta_product_section a.button{ display: block; margin: 25px auto; padding: 14px 20px 14px 20px; max-width: 400px; } section.cta_product_section a.button+a.button{ padding: 14px 20px 14px 20px; } section.cta_product_section a.button.w450{ max-width: 450px; width: 100%; } section.cta_product_section a.button.w300{ max-width: 300px; width: 100%; } section.cta_product_section a.button.w200{ max-width: 200px; width: 100%; } section.demo_product_section.section{ background-color: #114A6A; position: relative; } section.demo_product_section.section.gray { background-color: #243138; } section.demo_product_section h2 { color: #fff; } section.demo_product_section .container>p { color: #fff; } section.demo_product_section .items{ margin-bottom:0; } section.demo_product_section .items li{ margin-bottom:0; } section.demo_product_section .items li h3{ color: #fff; margin-top:0; font-size: 24px; } section.demo_product_section .items li p{ color: #fff; font-size: 18px; } section.demo_product_section .items li span{ color: #fff; font-size: 18px; line-height: 24px; display: block; position: relative; bottom: -16px; } section.demo_product_section .items li span.blue{ color: #24B6E9; } section.demo_product_section .items li .video_container { position: relative; margin: 30px 0 0 0; background-image: url(../images/products_demo_laptop.png); background-repeat: no-repeat; background-size: contain; background-position: center; } section.demo_product_section .items li .video_container img { overflow: hidden; margin: auto; padding: 28px 80px 45px 78px; height: auto; width: auto; max-height: inherit; } section.demo_product_section .items li .video_container a.play_btn { position: absolute; content: 'play'; display: block; width: 222px; height: 140px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -70px; margin-left: -111px; } section.demo_product_section .flex-control-nav.flex-control-paging { bottom: -30px; height: 35px; display: block; position:relative; } section.demo_product_section .flex-control-nav.flex-control-paging li a { background: #D1D3D4; } section.demo_product_section .flex-control-nav.flex-control-paging li a:hover { background: #D1D3D4; } section.demo_product_section .flex-control-nav.flex-control-paging li a.flex-active { background: #24B6E9; } @media (max-width:1199px){ section.use_product_section .items>li .terminal-window{ margin: 0; margin-top: 40px; } section.product_steps_product_section .items li .terminal-window{ margin: 0; margin-top: 40px; } section.product_overview_product_section .video_container.lab2 .terminal-window { height: 250px; padding: 12px 40px 18px 40px; } } @media (max-width:991px){ section.product_overview_product_section .tab_container.lcd2{ padding: 3.5% 11% 11.5%; } section.use_product_section .items.widthcol3>li { padding: 0 10px; width: 33.33%; } section.product_steps_product_section .items li.videoli { width:100%; } section.product_steps_product_section .items.widthcol3>li { padding: 0 10px; width: 33.33%; } section.product_overview_product_section .video_container.lcd1 img{ padding: 35px 25px 145px 25px; } section.product_overview_product_section .video_container.lab1 .terminal-window { padding: 28px 48px 65px 49px; max-width: 91%; } section.product_overview_product_section .video_container.lab1 .terminal-window .terminal { font-size: 12px; } section.product_overview_product_section .video_container.lab2 .terminal-window { padding: 28px 48px 65px 49px; max-width: 91%; height: 410px; } section.product_overview_product_section .video_container.lab2 .terminal-window .terminal { font-size: 12px; height: 96%; } section.rest_apis_product_section .items li .video_container .terminal-window{ margin: auto; max-width: 812px; padding: 60px 80px 56px 80px; font-size: 12px; margin-top: 0px; max-height: 460px; } section.rest_apis_product_section .items li .video_container .terminal-window .terminal{ font-size: 12px; min-height: auto; height: auto; } section.demo_product_section .items li .video_container img{ padding: 3% 11% 5% 11%; } section.resources_product_section .resources_files ul, section.resources_product_section .resources_videos ul{ width: 100%; } section.resources_product_section .resources_files .items>li, section.resources_product_section .resources_videos .items>li{ width: 33.3%; padding: 20px 15px 20px; } } @media (max-width:767px){ section.product_overview_product_section .video_container.lcd1 img{ padding: 38px 25px 142px 25px; } section.product_overview_product_section .video_container.lab1 { background-image: none; margin-top:0; } section.product_overview_product_section .video_container.lab1 .terminal-window { padding: 0; width: auto; height: initial; } section.product_overview_product_section .video_container.lab1 .terminal-window .terminal { height: initial; font-size: 15px; padding-bottom: 75px; } section.product_overview_product_section .video_container.lab2 { background-image: none; } section.product_overview_product_section .video_container.lab2 .terminal-window { padding: 0; width: auto; height: initial; } section.product_overview_product_section .video_container.lab2 .terminal-window .terminal { height: initial; font-size: 15px; padding-bottom: 75px; } section.rest_apis_product_section .items li .video_container{ background-image: none; } section.rest_apis_product_section .items li .video_container .terminal-window{ padding: 0; } section.rest_apis_product_section .items li .video_container .terminal-window .terminal{ height: 100%; font-size: 15px; } .product_overview_product_section .tab_container{ padding: 60px 11%; padding-bottom: 0; } .product_overview_product_section .tab_container.tab4{ padding: 60px 10%; padding-bottom: 0; } section.use_product_section .items.widthcol3>li { width: 100%; } section.product_steps_product_section .items.widthcol3>li { width: 100%; } section.use_product_section .items.widthcol3>li .terminal-small { min-height: 200px; } } @media (max-width:680px){ section.resources_product_section .resources_files .items>li, section.resources_product_section .resources_videos .items>li { width: 100%; } } @media (max-width:600px){ section.product_overview_product_section .video_container.lcd1 img { padding: 23px 20px 98px 20px; } section.demo_product_section .items li .video_container a.play_btn{ width: 112px; height: 70px; margin-top: -35px; margin-left: -56px; } } /*========== End product Sub Pages ==========*/ /*========== Use Cases ==========*/ section.summary_use_cases_section.section{ padding-top: 0; text-align: center; } section.summary_use_cases_section .summary_icon{ width: 104px; height: 86px; display: block; text-align: center; padding: 14px; position: relative; margin: auto; background-color:#22B8EB; margin-bottom: 50px; } section.summary_use_cases_section .summary_icon:before{ content: ""; position: absolute; left: 50%; top: 86px; margin-left: -17px; border: 17px solid #fff; border-top-width: 17px; border-top-color: #22B8EB; border-bottom: 0; } section.summary_use_cases_section .summary_icon img{ height: 60px; } section.resources_use_cases_section.section{ text-align:center; padding: 0 } section.resources_use_cases_section .resources_video_slider{ padding: 50px 0 100px 0; background-image: url(../images/resources_use_cases_image.png); background-repeat: no-repeat; background-size: cover; position: relative; } section.resources_use_cases_section .resources_video_slider.white-text h2{ color: #fff; } section.resources_use_cases_section .resources_video_slider.white-text h3{ color: #fff; } section.resources_use_cases_section .resources_video_slider.gray-text p{ color: #808284; } section.resources_use_cases_section .resources_video_slider .slides .slide{ display:none; } section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging{ bottom: 55px; } section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging li a { background: #D1D3D4; } section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging li a:hover { background: #D1D3D4; } section.resources_use_cases_section .resources_video_slider .flex-control-nav.flex-control-paging li a.flex-active { background: #22B8EB; } section.resources_use_cases_section .resources_video_slider .video_container{ position: relative; margin: 50px 0; background-image: url(../images/resources_laptop.png); background-repeat: no-repeat; background-size: contain; background-position: center; } section.resources_use_cases_section .resources_video_slider .laptop_image{ max-width: 900px; width: 100%; } section.resources_use_cases_section .resources_video_slider .inside_laptop_image{ overflow: hidden; margin: auto; padding: 25px 82px 45px 82px; } section.resources_use_cases_section .resources_video_slider .play_btn { position: absolute; content: 'play'; display: block; width: 222px; height: 140px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_use_cases.svg); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -70px; margin-left: -111px; } section.resources_use_cases_section .resources_video_slider h3{ font-size: 28px; line-height: 29px; color: #22B8EB; margin-top: 30px; margin-bottom: 30px; } section.resources_use_cases_section .resources_video_slider p{ color: #fff; margin: auto; max-width: 560px; font-size: 20px; } section.resources_use_cases_section .resources_files{ background-color: #243137; padding: 80px 0; } section.resources_use_cases_section .resources_files ul{ margin: auto; list-style: none; width: 80%; } section.resources_use_cases_section .resources_files ul li{ margin-bottom: 20px; text-align: center; clear: none !important; padding: 0px 30px; display: block; float: left; } section.resources_use_cases_section .resources_files ul li{ height:100% !important; } section.resources_use_cases_section .resources_files ul li a{ background-color: #fff; width: 100%; height: 100%; display: block; position: relative; } section.resources_use_cases_section .resources_files ul li a img{ margin: 30px 10px; } section.resources_use_cases_section .resources_files ul li a div.text-can{ display: block; background-color: #134A6A; padding: 18px 8px; bottom: 0; width: 100%; } section.resources_use_cases_section .resources_files ul li a .category{ display: block; color: #fff; font-size: 17px; line-height: 20px; } section.resources_use_cases_section .resources_files ul li a .name{ color: #22B8EB; display: block; font-size: 18px; line-height: 20px; margin-top: 8px; } section.quotes_use_cases_section { background-color: #22B8EB; } section.quotes_use_cases_section .quotes_icon { background-image: url(../images/quotes_icon_use_cases.svg); width: 60px; height: 60px; margin: auto; margin-bottom: 30px; background-size: 99%; background-repeat: no-repeat; display: block; } section.quotes_use_cases_section .quotes_use_cases_slider{ padding: 0 30px; } section.quotes_use_cases_section .quotes_use_cases_slider ul.slides { } section.quotes_use_cases_section .quotes_use_cases_slider ul.slides li { display: none; } section.quotes_use_cases_section .quotes_use_cases_slider ul.slides li p { font-size: 24px; color: #F1F2F2; text-align: center; margin: 0px 50px 30px; line-height: 1.3; } section.quotes_use_cases_section .quotes_use_cases_slider ul.slides li span{ font-size: 24px; color: #fff; text-align: center; display: block; } section.quotes_use_cases_section .quotes_use_cases_slider ul.flex-direction-nav a { text-decoration: none; width: 28px; height: 58px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; text-shadow: none; -webkit-transition: none; -moz-transition: none; transition: none; } section.quotes_use_cases_section .quotes_use_cases_slider ul.flex-direction-nav .flex-prev { left: 0px; text-align: left; background-image: url(../images/quotes_arrow_use_cases.svg); text-indent: -9999px; background-position: 0 0; } section.quotes_use_cases_section .quotes_use_cases_slider ul.flex-direction-nav .flex-next { right: 0px; text-align: right; background-image: url(../images/quotes_arrow_use_cases.svg); text-indent: 9999px !important; background-position: -32px 0px; } /*========== End Use Cases ==========*/ /*========== Use Cases Main ==========*/ section.use_cases_section .items li a.item-link{ display: block; /* min-height: 175px; */ margin-bottom: 10px; } section.use_cases_section .items li p{ font-size: 16px; line-height: 20px; } section.use_cases_section .items li img{ max-height: 85px; max-width: 100%; } section.use_cases_item_section.section { text-align: center; padding: 50px 0 50px 0; background-image: url(../images/resources_use_cases_image.png); background-repeat: no-repeat; background-size: cover; position: relative; padding-top: 0; } section.use_cases_item_section.section .use_cases_item_icon { width: 91px; height: 77px; display: block; text-align: center; padding: 14px; position: relative; margin: auto; background-color: #fff; margin-bottom: 50px; } section.use_cases_item_section.section .use_cases_item_icon:before { content: ""; position: absolute; left: 50%; top: 77px; margin-left: -17px; border: 17px solid rgba(0, 0, 0, 0); border-top-width: 17px; border-top-color: #fff; border-bottom: 0; } section.use_cases_item_section.section .use_cases_item_icon img { height: 50px; } section.use_cases_item_section .container>p { color: #fff; } section.use_cases_item_section .quote_container { max-width: 700px; margin: auto; } section.use_cases_item_section .quote_container .quotes_icon { background-image: url(../images/quotes_blue_icon_use_cases.svg); width: 52px; height: 52px; margin: auto; margin-bottom: 20px; background-size: 99%; background-repeat: no-repeat; display: block; } section.use_cases_item_section .quote_container p { font-size: 20px; color: #F1F2F2; } section.use_cases_item_section .quote_container span.author{ font-size: 21px; color: #22B8EB; margin-bottom: 30px; display: block; } section.use_cases_item_section.section.white-text h2 { color: #fff; } section.use_cases_item_section.white-text .quote_container .quotes_icon { background-image: url(../images/quotes_white_icon_use_cases.svg); } section.use_cases_item_section.white-text .quote_container span.author { color: #fff; } section.use_cases_item_section.gray-text .container>p { color: #808284; } section.use_cases_item_section.gray-text .quote_container p { color: #808284; } /*========== End Use Cases Main ==========*/ /*========== Home Page - Use Cases ==========*/ .node-type-front-page .use_cases_section { text-align: center; background-image: url(../images/open_standards_image.png); background-repeat: no-repeat; background-size: cover; background-color: #444c51; } .node-type-front-page .use_cases_section h2{ color: #22B8EB; font-size: 44px; line-height: 50px; margin-bottom: 20px; } .node-type-front-page .use_cases_section .container>p{ font-size: 20px; line-height: 29px; margin-bottom: 50px; color: #fff; } .node-type-front-page .use_cases_section .items li p { color: #e6e7e8; } .node-type-front-page .use_cases_section .items li p { color: #e6e7e8; } .node-type-front-page .use_cases_section a:hover, .node-type-front-page .use_cases_section a:focus{ color: inherit; text-decoration: none; } /*========== Home Page - End Use Cases ==========*/ /*========== New Footer Style Start ==========*/ footer.main-footer>.row{ padding-top: 50px; padding-bottom: 50px; padding-left: 80px; padding-right: 80px; } .field-type-field-collection .form-wrapper>legend>span.fieldset-legend { font-size: 25px; } .nav-global-footer div>ul>li { margin-bottom: 12px; line-height: 18px; } .nav-global-footer div>ul>li>a { color: #7A8491; font-size: 0.857rem; text-decoration: none; } .nav-global-footer div>ul>li>a:hover { text-decoration: none; color: #22b8eb; } .nav-global-footer ul>li { margin-bottom: 12px; line-height: 18px; } .nav-global-footer ul>li>a { color: #7A8491; font-size: 0.857rem; } .nav-global-footer ul>li>a:hover { text-decoration: none; color: #22b8eb; } .main-footer .nav-global-footer .columns+.columns:last-child { float: left; padding-right: 40px; } .main-footer .columns+.columns:last-child img.wow{ margin-left: 15px; } .main-footer p { font-size: 0.857rem; line-height: 18px; } .footer-copyright p{ font-size: 1rem; line-height: 1.6; } .footer-copyright { background-color: #1B2529; padding: 12px 10px; } .primary-footer-sub-copyright { float: left; margin:0px; } .primary-footer-sub-nav { } .footer-copyright .primary-footer-sub-nav { padding: 0 100px 0 0; } .footer-copyright .row>p{ padding: 0 0 0 95px; padding-top: 4px; } .primary-footer-sub-nav ul { float: right; margin: 0px; } .primary-footer-sub-nav ul li { float: left; margin-left: 45px; } .primary-footer-sub-nav ul li a { } .primary-footer-sub-nav ul li a:hover{ text-decoration: none; color: #22b8eb; } .main-footer div.newsletter form .mktoFormRow { width: 60%; } .columns+.nav-global-footer.columns:last-child { float: left; } .main-footer ul.social-icons { min-height: 0; margin-right: 40px; } .social-icons li { width: 25%; height: 45px; margin: 5px 0; } .social-icons li a img{ height: 34px; width: 34px; } .social-icons li a{ color: #fff; font-size: 24px; display:inline-block; } .social-icons li a:hover{ color: #fff; } .main-footer h6 { margin-bottom: 30px; font-size: 20px; } @media (max-width:991px){ footer.main-footer>.row{ padding-left: 20px; padding-right: 20px; } .footer-copyright .row>p { padding: 0 0 0 25px; padding-top: 4px; } .footer-copyright .primary-footer-sub-nav { padding: 0 20px 0 0; } } /*========== New Footer Style End ==========*/ /*========== New Enterprise Style ==========*/ .node-type-enterprise a.orange-border-btn{ color:#fff !important; background-color: transparent; padding: 12px 33px; border: 2px solid #F79733; font-size: 17px; border-radius: 10px; margin-left: 20px; margin-right: 20px; line-height: inherit; } .node-type-enterprise a.blue-border-btn{ color:#fff !important; background-color: transparent; padding: 12px 33px; border: 2px solid #22B8EB; font-size: 17px; border-radius: 10px; margin-left: 20px; margin-right: 20px; line-height: inherit; } .node-type-enterprise a.orange-border-btn:hover ,.node-type-enterprise a.orange-border-btn:focus{ color:#fff; background-color: transparent; text-decoration: none; } .node-type-enterprise a.blue-border-btn:hover, .node-type-enterprise a.blue-border-btn:focus{ color:#fff; background-color: transparent; text-decoration: none; } .node-type-enterprise section .title_section { padding:0; } .node-type-enterprise div.heronav_section ul li { font-size: 15px; } .node-type-enterprise div.heronav_section ul li a{ padding: 15px 10px; } @media (max-width:1199px){ .node-type-enterprise div.heronav_section ul li { font-size: 13px; } } @media (max-width:991px){ .node-type-enterprise div.heronav_section ul li { font-size: 11px; } .node-type-enterprise div.heronav_section ul li a { padding: 13px 10px; } } @media (max-width:767px){ .node-type-enterprise div.heronav_section ul li { font-size: 13px; margin: 5px 0px; } .node-type-enterprise div.heronav_section ul li a { padding: 12px; } } /*========== New Enterprise Style End ==========*/ /*========== Pricing Pages ==========*/ section.plans_section .plans .server_plan_box:hover { box-shadow: 0 0 20px #A0A0A0; } section.plans_section .plans .server_plan_box:hover { background-color:#F9F9F9; } section.plans_section .plans .serverplan_boxs>p{ text-align: center; margin-bottom: 20px; font-size: 16px; line-height: 1.6; } section.plans_section .plans .server_plan_box ul.feature{ padding-bottom: 10px; } section.plans_section .plans .server_plan_box ul.feature li{ font-size: 16px; color: #147698; margin-bottom: 22px; color: #546473; } section.plans_section .plans .server_plan_box ul.feature li span{ display:block; color: #FFC828; font-size: 15px; color: #546473; } section.plans_section .plans .server_plan_box ul.feature li strong{ color: #111; color: #546473; } section.plans_section .plans .server_plan_box ul.feature li strong+span{ display: block; color: #111; font-size: 12px; line-height: 15px; margin-top: 16px; color: #546473; } section.plans_section .plans_tabs { margin-bottom: 35px; } /*========== End Pricing Pages ==========*/ /*========== Products Pages ==========*/ .main-header div>.nav-main>li.octopus-navstyle>ul ul ul{ margin-left: 20px; } section.product_overview_product_section.overview_button{ padding-bottom: 60px; } section.product_overview_product_section.overview_button .container>p:last-of-type{ margin-bottom: 40px; } section.product_overview_product_section .button{ margin: auto; margin-top: 30px; border-radius: 10px; display: table; max-width: 100%; min-width: 300px; } section.product_steps_product_section .items li a.button{ margin: auto; margin-top: 30px; border-radius: 10px; display: table; max-width: 100%; min-width: 300px; } section.included_product_section h2{ margin-bottom: 40px; } section.included_product_section .container .includedstyle p{ font-size: 20px; text-align: center; max-width: 200px; margin: auto; margin-bottom: 20px; transform: translateY(70%); -moz-transform: translateY(70%); -ms-transform: translateY(70%); -o-transform: translateY(70%); -webkit-transform: translateY(70%); } section.included_product_section span{ position: relative; } section.included_product_section span:after{ content: ""; position: absolute; top: 50%; right: -129px; margin-top: -80px; border: 80px solid transparent; border-left-width: 50px; border-left-color: #BFBFBF; z-index: 99; } @media (max-width:991px){ section.included_product_section span{ display:block; } section.included_product_section span:after{ content: ""; position: absolute; left: 50%; bottom: -129px; margin-left: -80px; border: 80px solid transparent; border-top-width: 50px; border-top-color: #BFBFBF; z-index: 99; top: inherit; right: inherit; } section.included_product_section .container .includedstyle p:last-child{ margin-bottom: 60px; } } @media (max-width:767px){ section.product_steps_product_section .items li a.button { max-width: inherit; min-width: inherit; } } /*========== End Products Pages ==========*/ /*========== Mobile Nav ==========*/ .left-off-canvas-menu ul.off-canvas-list li.has-submenu>span.asd { height: 20px; margin-top: -7px; position: relative; float: right; display: block; cursor:pointer; z-index:99; } .left-off-canvas-menu ul.off-canvas-list li.has-submenu>span.asd:after { content: "\BB"; font-size: 30px; color: #eee; width: 45px; display: block; text-align: center; } .left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after { content: ""; } .left-submenu .back>a:before { content: "\AB"; margin-right: .5rem; display: inline-block; font-size: 30px; line-height: 26px; float: left; } /*========== End Mobile Nav ==========*/ /*========== Government Pages ==========*/ html.safari .node-type-government div.heronav_section ul { display:block; } html.safari .node-type-government div.heronav_section ul li { width: 32%; } section.government_state_and_federal_section.section{ } section.government_state_and_federal_section .max-width{ max-width: 950px; margin: auto; float: none; } section.government_state_and_federal_section h2{ margin-bottom: 50px; } section.government_state_and_federal_section p{ font-size: 18px; line-height: 1.6; margin-bottom: 30px; color: #808284; } section.government_state_and_federal_section .federal_item{ display: table; margin: auto; margin-bottom: 50px; margin-top: 20px; margin-bottom: 20px; width: 32%; display: inline-block; text-align: center; overflow: hidden; } section.government_state_and_federal_section .federal_item canvas{ width: 90%; margin-left: -45px; } section.government_state_and_federal_section .federal_item img{ max-width: 100px; max-height: 82px; } section.government_state_and_federal_section .federal_item h3{ color: #22B8EB; font-size: 38px; line-height: 50px; float: right; margin: 16px 0 0 50px; } section.blue_quotes_section { background-color: #22B8EB; } section.blue_quotes_section .quotes_icon { background-image: url(../images/quotes_white_icon_use_cases.svg); width: 52px; height: 52px; margin: auto; margin-bottom: 20px; background-size: 99%; background-repeat: no-repeat; display: block; } section.blue_quotes_section .quotes_2_slider{ padding: 0 30px; } section.blue_quotes_section .quotes_2_slider ul.slides { } section.blue_quotes_section .quotes_2_slider ul.slides li { display: none; } section.blue_quotes_section .quotes_2_slider ul.slides li p { font-size: 24px; color: #fff; text-align: center; margin: 0px auto 30px; line-height: 1.3; max-width: 700px; font-style:italic; } section.blue_quotes_section .quotes_2_slider ul.slides li span{ font-size: 24px; color: #fff; text-align: center; display: block; line-height: 28px; margin: auto; max-width: 550px; } section.blue_quotes_section .quotes_2_slider ul.flex-direction-nav a { text-decoration: none; width: 28px; height: 58px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; text-shadow: none; -webkit-transition: none; -moz-transition: none; transition: none; } section.blue_quotes_section .quotes_2_slider ul.flex-direction-nav .flex-prev { left: 0px; text-align: left; background-image: url(../images/quotes_arrow_use_cases.svg); text-indent: -9999px; background-position: 0 0; } section.blue_quotes_section .quotes_2_slider ul.flex-direction-nav .flex-next { right: 0px; text-align: right; background-image: url(../images/quotes_arrow_use_cases.svg); text-indent: 9999px !important; background-position: -32px 0px; } section.customer_spotlight_section.section{ background-color: #114A6A; position: relative; } section.customer_spotlight_section.section.gray { background-color: #243138; } section.customer_spotlight_section h2 { color: #29B5E5; } section.customer_spotlight_section .container>p { color: #fff; } section.customer_spotlight_section .items{ margin-bottom:0; } section.customer_spotlight_section .items li{ margin-bottom:0; } section.customer_spotlight_section .items li h3{ color: #fff; margin-top:0; font-size: 24px; } section.customer_spotlight_section .items li p{ color: #fff; font-size: 18px; } section.customer_spotlight_section .items li span{ color: #fff; font-size: 18px; line-height: 24px; display: block; position: relative; bottom: -16px; } section.customer_spotlight_section .items li span.blue{ color: #24B6E9; } section.customer_spotlight_section .items li .video_container { position: relative; margin: 0 0 0 0; background-image: url(../images/products_demo_laptop.png); background-repeat: no-repeat; background-size: contain; background-position: center; } section.customer_spotlight_section .items li .video_container img { overflow: hidden; margin: auto; padding: 28px 80px 45px 78px; height: auto; width: auto; max-height: inherit; } section.customer_spotlight_section .items li .video_container a.play_btn { position: absolute; content: 'play'; display: block; width: 222px; height: 140px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: cover; top: 50%; left: 50%; margin-top: -70px; margin-left: -111px; } section.customer_spotlight_section .flex-control-nav.flex-control-paging { bottom: -30px; height: 35px; display: block; position:relative; } section.customer_spotlight_section .flex-control-nav.flex-control-paging li a { background: #D1D3D4; } section.customer_spotlight_section .flex-control-nav.flex-control-paging li a:hover { background: #D1D3D4; } section.customer_spotlight_section .flex-control-nav.flex-control-paging li a.flex-active { background: #24B6E9; } section.government_state_and_local_section.section{ } section.government_state_and_local_section h2{ margin-bottom: 50px; } section.government_state_and_local_section p{ font-size: 18px; line-height: 1.6; margin-bottom: 30px; color: #808284; } section.government_state_and_local_section img{ margin-top: 10%; margin-bottom: 20px; } section.government_education_section.section{ background-color:#F0F6FC; } section.government_education_section h2{ margin-bottom: 50px; } section.government_education_section p{ font-size: 18px; line-height: 1.6; margin-bottom: 30px; color: #808284; } section.government_education_section img{ margin-top: 10%; margin-bottom: 30px; } section.government_education_section a.button{ min-width: 300px; width: auto; margin-top: 30px; } @media (max-width:991px){ section.government_state_and_federal_section .federal_item canvas { width: 100%; } section.customer_spotlight_section .items li .video_container img{ padding: 3% 11% 5% 11%; } } @media (max-width:767px){ section.government_state_and_federal_section .federal_item { display: block; } section.government_state_and_federal_section .federal_item { display: block; max-width: 350px; width: 100%; } } @media (max-width:600px){ section.customer_spotlight_section .items li .video_container a.play_btn{ width: 112px; height: 70px; margin-top: -35px; margin-left: -56px; } .node-type-products section.title_section.darkblue .button, .node-type-product section.title_section.darkblue .button ,.node-type-use-cases section.title_section.darkblue .button, .node-type-use-case section.title_section.darkblue .button,.node-type-enterprise section.title_section.darkblue .button, .node-type-government section.title_section.darkblue .button { min-width: 300px; margin: auto; width: auto; margin-top: 30px; } } /*========== End Government Pages ==========*/ /*========== End Partner Pages ==========*/ section.title_section.darkblue .white-btn { border: 2px solid #fff; border-radius:10px; } section.title_section.darkblue .white-btn .fa-play { font-size: 10px; margin: 8px -10px 0px 20px; color: #F79733; float: right; } .team_info_list , .team_info{ display:none !important; } .cbp .cbp-item { width: 260px; height: 260px; } .find_a_partner_section#technology{ padding-bottom: 0px; } .find_a_partner_section#logging{ padding-top: 0px; } .find_a_partner_section h2+.cbp-l-grid-gallery{ margin-top: 50px; } .find_a_partner_section h2{} .find_a_partner_section p{} .find_a_partner_section a.button.blue-btn{ background-color: transparent; padding: 12px 33px; border: 2px solid #22B8EB; color: #22B8EB; margin-top:20px; } .find_a_partner_section ul.partners_list{} .find_a_partner_section ul.partners_list li{} .find_a_partner_section ul.partners_list li a.cbp-singlePageInline{ display: table; } .find_a_partner_section ul.partners_list li.cbp-singlePageInline-active{ opacity: 1!important; } .find_a_partner_section ul.partners_list li .helper{ width: 100%; height: 100%; padding: 15px 15px; text-align: center; vertical-align: middle; display: table-cell; border: 1px solid #848484; } .find_a_partner_section ul.partners_list li a.cbp-singlePageInline{ background-color: #fff; } /*.find_a_partner_section ul.partners_list li a.cbp-singlePageInline:hover{ background-color:#24B6E9; } .find_a_partner_section ul.partners_list li.cbp-singlePageInline-active a.cbp-singlePageInline{ background-color:#24B6E9; }*/ .find_a_partner_section ul.partners_list li img{ max-height: 140px; margin: auto; max-width: 160px; } .find_a_partner_section ul.partners_list .cbp-popup-content{ background-color: #114A6A; padding: 30px 50px; color: #fff; margin-bottom: 30px; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0; margin-top: 0; } .find_a_partner_section .nomore2 ul.partners_list .cbp-popup-content{ height: initial; min-height: 200px; max-height: initial; padding: 30px 50px; margin-bottom: 30px; } .find_a_partner_section ul.partners_list .cbp-popup-content span.name{ font-size: 20px; font-weight: bold; display: block; border-bottom: 1px solid #eee; padding-bottom: 10px; } .find_a_partner_section ul.partners_list .cbp-popup-content p{ color: #fff; margin: 20px 0; } .find_a_partner_section ul.partners_list .cbp-popup-content a.view_website{ color: #24B6E9; margin-bottom: 25px; display: inline-block; } .cbp-popup-singlePageInline .cbp-popup-close { background: url(../images/cbp-popup-close.png) no-repeat scroll 0px 0px transparent; height: 24px; width: 24px; right: 24px; top: 24px; } .cbp-popup-singlePageInline .cbp-popup-close:focus { outline: none; } .partners_list .cbp-singlePageInline-active .cbp-caption .overlay { opacity: 0.8; } .partners_list .cbp-caption:hover .overlay { opacity: 0.8; } .partners_list .cbp-caption .overlay { position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; overflow: hidden; background-color: #24B6E9; -webkit-transition: all 0.0s ease-in-out; -moz-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; -ms-transition: all 0.0s ease-in-out; transition: all 0.0s ease-in-out; left: 0px; right: 0px; top: 0px; bottom: 0px; } .cbp .partners_list .cbp-item , .cbp-wrapper{ overflow: inherit; } .partners_list .cbp-singlePageInline-active:after { content: ""; position: absolute; left: 50%; bottom: -30px; margin-left: -18px; border: 18px solid transparent; border-bottom-width: 18px; border-bottom-color: #114A6A; } .node-type-partners div.heronav_section ul li { font-size: 15px; } .node-type-partners div.heronav_section ul li a{ padding: 15px 10px; } @media (max-width:1199px){ .node-type-partners div.heronav_section ul li { font-size: 13px; } } @media (max-width:991px){ .node-type-partners div.heronav_section ul li { font-size: 11px; } .node-type-partners div.heronav_section ul li a { padding: 13px 10px; } } @media (max-width:767px){ .node-type-partners div.heronav_section ul li { font-size: 13px; margin: 5px 0px; } .node-type-partners div.heronav_section ul li a { padding: 12px; } } .partners_list .cbp-singlePageInline-active.no_info:after{ display:none; } .partners_list .cbp-singlePageInline-active.no_info .cbp-caption .overlay { opacity: 0; } /*========== End Partner Pages ==========*/ /*========== Partner Programs Pages ==========*/ section.partner_program_section{ text-align: center; background-image: url(../images/partner_program_bg_image.png); background-repeat: no-repeat; background-size: cover; background-color: #879297; } section.partner_program_section h2{ color:#fff; } section.partner_program_section .container p{ color:#fff; margin-bottom: 30px; } section.partner_program_section ul.items{ margin-top: 50px; } section.partner_program_section ul.items li{ background-color: rgba(255, 255, 255, 0.7); border-radius: 800px; width: 500px; display:inline-block; float:none; padding: 50px 56px 50px; height:initial!important; } section.partner_program_section ul.items li:first-child{ padding-right: 120px; } section.partner_program_section ul.items li:first-child img{ margin-left: 30px; } section.partner_program_section ul.items li:last-child{ margin-left: -100px; padding-left: 120px; } section.partner_program_section ul.items li:last-child img{ margin-left: -30px; } section.partner_program_section ul.items li h3{ margin-top: 10px; color: #114A6A; font-size: 24px; margin-bottom: 10px; padding: 0 35px; } section.partner_program_section ul.items li p{ color:#3E4D54; } section.partner_program_section ul.items li .button { margin-bottom: 20px; border-radius: 10px; } section.program_benefits_section.section { background-color:#114A6A; } section.program_benefits_section h2{ color:#fff; } section.program_benefits_section .container p{ color:#fff; } section.program_benefits_section p small{ display: block; } section.program_benefits_section ul.items li { padding: 20px 15px 20px; } section.program_benefits_section ul.items li h3{ font-size: 22px; color:#fff; } section.program_benefits_section ul.items li p{ font-size: 16px; color:#fff; } section.program_benefits_section .program_benefits_footer h4 { font-size: 22px; margin-bottom: 20px; } section.program_benefits_section .program_benefits_footer p { font-size: 18px; margin-bottom: 30px; } section.authorized_partners_section h2{ margin-bottom: 40px; } section.authorized_partners_section h3{ font-size: 24px; margin-bottom: 10px; } section.authorized_partners_section .container>p{ margin-bottom: 30px; } section.authorized_partners_section img { display: block; margin: auto; margin-bottom: 30px; } section.authorized_partners_section span { font-size: 24px; display: block; color: #22b8eb; margin-bottom: 10px; } section.technology_partners_section.section { background-color:#f4f4f4; } section.technology_partners_section {} section.technology_partners_section .container>p{ margin-bottom: 20px; } section.technology_partners_section .email_icon { background-image: url(../images/technology_partners_email_icon.png); width: 50px; height: 34px; margin-left: 15px; background-size: 100%; display: inline-block; position: relative; top: 4px; } section.technology_partners_section a:hover, section.technology_partners_section a:focus , section.technology_partners_section a:active { color:#24B6E9; } section.technology_partners_section ul.items li{ } section.technology_partners_section ul.items img{ margin-bottom: 50px; } section.technology_partners_section ul.items>li a.button{ font-size: 17px; border-radius: 10px; color: #ffffff; margin-left: 20px; margin-right: 20px; padding: 14px 35px; } section.strategic_alliances_section.section { } section.strategic_alliances_section .strategic_alliances_tabs{ } section.strategic_alliances_section .strategic_alliances_tabs ul{ list-style: none; margin: 0; padding: 0; } section.strategic_alliances_section .strategic_alliances_tabs ul li{ display: inline-block; font-size: 62px; position: relative; width: 280px; height: 280px; max-width: 30%; margin: 10px; } section.strategic_alliances_section .strategic_alliances_tabs ul li a{ display: table; width: 100%; height: 100%; overflow: hidden; } section.strategic_alliances_section .strategic_alliances_tabs ul li .helper{ width: 100%; height: 100%; padding: 15px 15px; text-align: center; vertical-align: middle; display: table-cell; background-color: #adb8bc; } section.strategic_alliances_section .strategic_alliances_tabs ul li.current .helper{ background-color: #24B6E9; } section.strategic_alliances_section .strategic_alliances_tabs ul li.current:after{ content: ""; position: absolute; left: 50%; bottom: -36px; margin-left: -18px; border: 18px solid transparent; border-top-width: 18px; border-top-color: #24B6E9; z-index: 99; } section.strategic_alliances_section .strategic_alliances_tabs ul li .helper img{ max-height: 140px; margin: auto; max-width: 200px; } section.strategic_alliances_section .strategic_alliances_content{ margin-top: 50px; display:none; } section.strategic_alliances_section .strategic_alliances_content h3{ font-size: 20px; font-weight: bold; margin-bottom: 20px; } section.strategic_alliances_section .strategic_alliances_content p{ color:#114A6A; } span.learnmore{ color:#24B6E9; } span.learnmore:after{ content: "\BB"; font-size: 30px; color: #24B6E9; position: relative; text-align: center; top: 5px; margin-left: 8px; } section.strategic_alliances_section .strategic_alliances_content .video_container{ position: relative; margin: 50px 0 0 0; background-image: url(../images/products_laptop.png); background-repeat: no-repeat; background-size: contain; background-position: center; max-width: 500px; margin: auto; } section.strategic_alliances_section .strategic_alliances_content .video_container img{ overflow: hidden; margin: auto; padding: 15px 50px 25px 50px; padding: 3% 12% 5% 12%; height: auto; width: auto; max-height: inherit; } section.strategic_alliances_section .strategic_alliances_content .video_container .play_btn{ position: absolute; content: 'play'; display: block; width: 132px; height: 84px; text-align: left; text-indent: -9999px; background-image: url(../images/play_button_products.png); background-repeat: no-repeat; background-size: 100%; top: 50%; left: 50%; margin-top: -42px; margin-left: -66px; } section.partner_announcements_section.section{ background-color:#243137; } section.partner_announcements_section h2{ color:#fff; margin-bottom: 30px; } section.partner_announcements_section ul.items li{ padding: 0 30px 0; margin: 20px 0; } section.partner_announcements_section ul.items li+li{ border-left:1px solid #B7B7B7; } section.partner_announcements_section ul.items li h3{ font-size: 20px; color: #fff; margin-top: 5px; } section.partner_announcements_section ul.items li p{ color: #fff; } section.become_partner_section { text-align: center; background-image: url(../images/become_partner_bg_image.png); background-repeat: no-repeat; background-size: cover; background-color: #a3b9c6; padding: 80px 0 80px 0!important; } section.become_partner_section h2 { color: #fff; } section.become_partner_section .container>p { color: #fff; } .node-type-partner-programs div.heronav_section ul li { font-size: 15px; } .node-type-partner-programs div.heronav_section ul li a{ padding: 15px 10px; } @media (max-width:1199px){ .node-type-partner-programs div.heronav_section ul li { font-size: 13px; } } @media (max-width:991px){ section.partner_program_section ul.items li:first-child { padding: 35px 35px 35px; padding-right: 60px; width: 383px; } section.partner_program_section ul.items li:last-child { margin-left: -52px; padding: 35px 35px 35px; padding-left: 60px; width: 383px; } section.strategic_alliances_section .strategic_alliances_tabs ul li { height: 210px; } section.partner_announcements_section ul.items li{ width: 33.33%; } .node-type-partner-programs div.heronav_section ul li { font-size: 11px; } .node-type-partner-programs div.heronav_section ul li a { padding: 13px 10px; } } @media (max-width:767px){ .node-type-partner-programs a.button { white-space: normal; } section.partner_program_section ul.items li { padding: 50px 56px 50px !important; width: 450px !important; margin-left: 0 !important; } section.partner_announcements_section ul.items li { width: 100%; margin: 20px 0 0 0; padding: 20px 0 0 0; } section.partner_announcements_section ul.items li+li { border-left: none; border-top: 1px solid #B7B7B7; } section.strategic_alliances_section .strategic_alliances_tabs ul li { display: inline-block; max-width: 50%; display: inline-block; margin: -3.5px; } .node-type-partner-programs div.heronav_section ul li { font-size: 13px; margin: 5px 0px; } .node-type-partner-programs div.heronav_section ul li a { padding: 12px; } } @media (max-width:510px){ section.partner_program_section ul.items li{ width: 100% !important; padding: 30px 20px 30px !important; } section.strategic_alliances_section .strategic_alliances_tabs ul li { max-width: 100%; } } /*========== End Partner Programs Pages ==========*/ /*========== curated_snippet Pages ==========*/ .curated_snippet_section{ padding-top: 60px; padding-bottom: 60px; text-align: center; -webkit-font-smoothing: antialiased; } .curated_snippet_section h2{ margin-bottom: 25px; font-size: 44px; } .curated_snippet_section .container>p{ font-size: 20px; margin-bottom: 30px; } .curated_snippet_section ul{ list-style: none; display: block; padding: 0; margin: 0; overflow: hidden; } .curated_snippet_section ul li{ text-align: center; clear: none !important; padding: 20px 15px 20px; display: block; float: left; } .curated_snippet_section ul li h3{ margin-bottom: 15px; line-height: 24px; text-transform: capitalize; } .curated_snippet_section ul li h3 small{ font-size: 18px; color: #959798; display: block; margin-top: 5px; line-height: 26px; } .curated_snippet_section ul li p{ font-size: 16px; } /*========== End curated_snippet Pages ==========*/